Material UI 自动完成添加多个项目 select

Material UI Autocomplete add item with multiple select

我试用了 Material UI 中的自动完成示例。它是关于输入新值时的添加选项。这是演示的 link:https://codesandbox.io/s/material-demo-forked-lgeju?file=/demo.js 我想知道的是输入中的值实际上并没有添加到这个例子中的选项中,所以它实际上不起作用。为什么?我也不能将它用于多个 select,(通过将 属性“多个”添加到自动完成)因为这会产生“TypeError 无法读取 null 的 属性 'length'”。有没有办法让它适用于多个 select?

非常感谢任何帮助。

根据 documentation 关于 multiple 提案:

If true, value must be an array and the menu will support multiple selections.

所以只需将您的状态初始化为一个数组,这样它 具有 属性 length 并且是一个数组,以便满足我引用的条件以上

const [value, setValue] = React.useState([]);

用于添加项目 top100Films.push(值)