材质ui多选

meh*_*tar 6 reactjs material-ui

这是我的代码: 代码沙盒

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

事件.目标.值

未定义!!

什么是正确的实施?

Sum*_*tty 7

您需要将值道具传递给 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>
Run Code Online (Sandbox Code Playgroud)

例如,请参考这个沙箱