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

Question

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

查看链接沙盒以了解没有实施解决方案的问题设置。 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)}

Answer 2

您可以使用getOptionDisabled 属性根据当前值标记可以选择的选项。