材质ui多重选择

Question

这是我的代码： Code Sandbox

当我从“选择”组件中选择一个项目时；

的值

  

event.target.value

是不确定的！

什么是正确的实现方式？

Answer 1

您需要将值属性传递给conda install, conda update, conda remove

请参考以下代码

MenuItem

例如，请参考this沙箱

Answer 2

如您在documentation of Multiple Select in MUI中所见，您必须遍历每个选项并检查其是否为selected。

const handleChangeMultiple = event => {
    const { options } = event.target;
    const value = [];
    for (let i = 0, l = options.length; i < l; i += 1) {
      if (options[i].selected) {
        value.push(options[i].value);
      }
    }
    console.log(value); // selected options
};

Answer 3

您需要为每个选项传递值。

<MenuItem value="Admin">Admin</MenuItem>
<MenuItem value="User1">User1</MenuItem>
<MenuItem value="User2">User2</MenuItem>