reactjs - Material ui多重选择

Question

这是我的代码:
Code Sandbox

当我从选择组件中选择一个项目时；的值(value)

event.target.value

是不确定的!

什么是正确的实现？

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>

请以 this沙箱为例