在TextField组件中添加元素 - 材质UI-Java 学习之路

我想创建输入元素，它将具有select属性，但也能够在其中编写自定义文本 . 我正在使用React和Material-UI .

是否可以在Material-UI中的TextField组件内部（在输入下方的div内）添加元素 .

目前：Usluga grupni Pos ....

添加元素：

<div class="MuiFormControl-root-142 ...>
  <label class="MuiFormLabel-root-151 ...>Usluga</label>
  <div class="MuiInput-root-156 ...>
    <input aria-invalid="false" ... list="services" value="">
    <datalist id="services">
      <li tabindex="-1" ...>grupni<span class="MuiTouchRipple-root-82"></span> 
      </li>
      <li tabindex="-1" ...>Pos<span class="MuiTouchRipple-root-82"></span>
      </li>
    ....
  </div>
</div>

目前反应：

<TextField
  id="service"
  label="Usluga"
  className={classes.textField}
  margin="normal"
  onChange={handleChange}
  inputProps={{
   list: "services"
  }}
/>
<datalist id="services">
 {
   services.map(option => (
     <MenuItem key={option.id} value={option.service}>
      { option.service }
     </MenuItem>
    ))
 }
</datalist>

如果那是不可能的，那么另一种方法是什么呢？

2 回答

0

你可以这样做： InputProps={ endAdornment: <YourComponent /> }

https://material-ui.com/api/input/

回复于 2024-04-27T21:30:38+08:00
0

是的，我担心你需要一个不同的工具来为你完成这项工作 .

你考虑过使用react-select吗？

回复于 2024-04-27T21:30:38+08:00

在TextField组件中添加元素 - 材质UI

2 回答

相关问题