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

Question

我想将 Material UI Autocomplete 组件中的多个选择限制为同一组中的选项。
有关没有实现解决方案的问题的设置，请参阅链接沙箱。 https://codesandbox.io/s/material-demo-7g4ed?file=/demo.js
因此，例如在上面的沙箱中，用户应该只能选择 Apple 或 Amazon 产品，而不能同时选择两者。
任何帮助是极大的赞赏!

Answer 1

假设您想将选择限制为 3，请更新代码中的这两行freeSolo={tags.length > 3 ? false : true}getOptionDisabled={(options) => (tags.length > 3 ? true : false)}