如何将材料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属性根据当前值标记可以选择的选项。