Material-ui 搜索图标需要在输入框的右侧答案

【问题标题】：Material-ui search icon needed to be in right side of input boxMaterial-ui 搜索图标需要在输入框的右侧
【发布时间】：2020-04-10 20:59:48
【问题描述】：

我想让搜索图标出现在material-ui（react）中输入框的右侧。是否为此添加任何类？

这里是代码sn-p

 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>

【问题讨论】：

分享您为此使用的代码 sn-p。只是图像无助于提供解决方案。

标签： reactjs search material-design material-ui

【解决方案1】：

在InputBase 中使用endAdornment：

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

【讨论】：