searchble选择输入react js

Question

嗨，当我向 React js TextField 组件添加选择时，我遇到问题，不允许输入，因此为了允许输入，我必须将选择设置为 false，但这不会打开包含选项的下拉列表

const {searchtext, setsearchtext} = useState('')

<TextField
  id="outlined-select-currency"
  select
  label="Select"
  defaultValue="EUR"
  value={searchtext}
  helperText="Please select your currency"
  onKeyDown={e => {
    setsearchtext(searchtext + e.key.toString()
  }}
>
  {currencies.map((option) => (
    <MenuItem key={option.value} value={option.value}>
      {option.label}
    </MenuItem>
  ))}
</TextField>

我尝试过 keydown 事件 我想要被搜索到

Answer 1

您正在寻找的是 MUI 的

Autocomplete

 组件。
查看MUI的官方

文档