我想将 Material UI Autocomplete 组件中的多个选择限制为同一组中的选项。
有关没有实施解决方案的问题的设置,请参阅链接沙箱。https://codesandbox.io/s/material-demo-7g4ed?file=/demo.js
因此,例如在上面的沙箱中,用户应该只能选择 Apple 或 Amazon 产品,而不能同时选择两者。
任何帮助是极大的赞赏!
我想将 Material UI Autocomplete 组件中的多个选择限制为同一组中的选项。
有关没有实施解决方案的问题的设置,请参阅链接沙箱。https://codesandbox.io/s/material-demo-7g4ed?file=/demo.js
因此,例如在上面的沙箱中,用户应该只能选择 Apple 或 Amazon 产品,而不能同时选择两者。
任何帮助是极大的赞赏!
假设您想将选择限制为 3,请更新代码中的这两行
freeSolo={tags.length > 3 ? false : true}
getOptionDisabled={(options) => (tags.length > 3 ? true : false)}
您可以使用getOptionDisabled
prop 根据当前值标记可以选择的选项。