【问题标题】: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/>}
/>

【讨论】:

    猜你喜欢
    • 2018-09-06
    • 1970-01-01
    • 1970-01-01
    • 2021-06-16
    • 1970-01-01
    • 2013-01-07
    • 2022-06-29
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多