材质ui多选

Question

这是我的代码： 代码沙盒

当我从 Select 组件中选择一个项目时；的价值

事件.目标.值

未定义！！

什么是正确的实施？

Answer 1

您需要将值道具传递给 MenuItem

请参考以下代码

  <TextField
    classes={{ root: classes.root }}
    select
    name="userRoles"
    id="userRoles"
    variant="outlined"
    label="userRoles"
    SelectProps={{
      multiple: true,
      value: formState.userRoles,
      onChange: handleFieldChange
    }}
  >
    <MenuItem value="admin">Admin</MenuItem>
    <MenuItem value="user1">User1</MenuItem>
    <MenuItem value="user2">User2</MenuItem>
  </TextField>

例如，请参考这个沙箱