选择能够编写自定义值的组件

Question

您是否有任何选项Material UI Select组件可以接受自定义字符串？不强迫用户只选择现有价值？

Answer 1

不，Select组件不提供此类功能。出于同样的目的，我使用了两个组件的组合：TextField用于自定义字符串输入，IconMenu用于从预定义值中进行选择，并将其设置为输入字段。

看起来几乎一样：

Answer 2

我看到这是一篇过时的文章，但是如果有人在寻找更简单的解决方案，则可以将this组件与“ freeSolo”道具一起使用：

文本框可以包含任意值，但是向用户建议可能的值是有利的，例如，搜索字段可以建议类似的搜索或先前的搜索以节省用户时间

这正是您所需要的。

Answer 3

嗨，我为此使用了一个很棒的解决方案Autocomplete

     <Autocomplete
        multiple
        id="tags-filled"
        options={top100Films.map(option => option.title)}
        fullWidth
        freeSolo
        onChange={e => console.log(e.target.value)}
        renderInput={params => <TextField {...params} />}
      />

此处选项是选项数组。

代码沙箱链接-https://codesandbox.io/s/material-write-and-select-qwe83?file=/src/App.js