小编Lui*_*sBV的帖子

我正在使用 Material UI 进行多重选择。这是我的代码。

  <TextField\n        classes={{ root: classes.root }}\n        select\n        name="states"\n        id="states"\n        fullWidth\n        label="states where you want to work" \n        SelectProps={{\n          multiple: true,\n          value: states.states,\n          onChange: handleFieldChange\n        }}\n      >\n        {listStates.map(col => (\n              <MenuItem selected classes={{ selected: classes.selected }} key={col} value={col}>\n                  <Checkbox checked={states.states.indexOf(col) > -1} />\n                  <ListItemText primary={col} />\n              </MenuItem>\n            ))} \n      </TextField>\n

这是handleFieldChange函数：

  const handleFieldChange = event => {\n      event.persist();\n      setStates(states => ({\n        ...states,\n        [event.target.name]:\n          event.target.type === "checkbox"\n            ? event.target.checked\n            : event.target.value\n      }));\n    };\n

这是状态数组：