reactjs - 如何将 Material UI 自动完成多项选择限制为一组

Question

我想将 Material UI Autocomplete 组件中的多个选择限制为同一组中的选项。

有关没有实施解决方案的问题设置，请参阅链接沙箱。https://codesandbox.io/s/material-demo-7g4ed?file=/demo.js

因此，例如在上面的沙盒中，用户应该只能选择 Apple 或 Amazon 产品，不能同时选择两者。

任何帮助是极大的赞赏！

标签： reactjsmaterial-ui

Answer 1

假设您想将选择限制为 3，请更新代码中的这两行

freeSolo={tags.length > 3 ? false : true}

getOptionDisabled={(options) => (tags.length > 3 ? true : false)}