Reactjs 物料ui搜索图标需要位于输入框的右侧

我希望搜索图标显示在材质ui（react）中输入框的右侧。是否要为此添加任何类

下面是代码片段

 import InputBase from '@material-ui/core/InputBase';
import SearchIcon from '@material-ui/icons/Search';
  <div className={classes.search}>
            <div className={classes.searchIcon}>
              <SearchIcon />
            </div>
            <InputBase
              placeholder="Search…"
              classes={{
                root: classes.inputRoot,
                input: classes.inputInput,
              }}
              inputProps={{ 'aria-label': 'search' }}
            />
          </div>

从'@material ui/core/InputBase'导入InputBase'；
从“@material ui/icons/Search”导入SearchIcon；

在

InputBase

中使用

尾饰

：

<InputBase
  placeholder="Search…"
  inputProps={{ 'aria-label': 'search' }}
  endAdornment={<SearchIcon/>}
/>

---

共享用于此目的的代码段。仅凭图像无法提供解决方案。