Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何将材质UI自动完成多个选择限制为一个组_Reactjs_Material Ui - Fatal编程技术网

Reactjs 如何将材质UI自动完成多个选择限制为一个组

Reactjs 如何将材质UI自动完成多个选择限制为一个组,reactjs,material-ui,Reactjs,Material Ui,我想将Material UI Autocomplete组件中的多个选择限制为同一组中的选项 请参阅链接的沙盒,了解未实施解决方案的问题设置 因此,例如,在上面的沙箱中,用户应该只能选择苹果或亚马逊产品,而不能同时选择两者 非常感谢您的帮助 您可以使用getOptionDisabled道具根据当前值标记可选择的选项。您可以使用getOptionDisabled道具根据当前值标记可选择的选项。假设您希望将选择限制为3,请更新代码中的这两行 freeSolo={tags.length>3?false:

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

请参阅链接的沙盒,了解未实施解决方案的问题设置

因此,例如,在上面的沙箱中,用户应该只能选择苹果或亚马逊产品,而不能同时选择两者


非常感谢您的帮助

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

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

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

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


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

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

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