reactjs - 我正在尝试使用选择，并且我正在使用 material-ui 示例

Question

我正在尝试使用选择，并且正在使用 material-ui 示例当我使用 change() 时，我没有得到值。有什么建议么？

<TextField
  select
  name={load.loadDetail.loadType}
  variant="outlined"
  label="Load Type"
  value={load.loadDetail.loadType}
  margin="normal"
  fullWidth
  onChange={handleChange}
>
  <MenuItem>
    <em>Refrigerated</em>
  </MenuItem>
  <MenuItem>
    <em>Dry Product</em>
  </MenuItem>
  <MenuItem>
    <em>Power Only</em>
  </MenuItem>  
</TextField>

Answer 1

您可以选择使用TextField或Select（如上所述），您的代码的问题是您的MenuItem组件没有value属性。例如

<MenuItem key="refrigerated" value="Refrigerated">
 <em>Refrigerated</em>
</MenuItem>

Answer 2

Material UI v1 中的 SelectField 组件目前正在进行中。可以看到当前进度

 import Select from '@material-ui/core/Select';

 <Select
        value={this.state.age}
        onChange={this.handleChange}
        inputProps={{
          name: 'age',
          id: 'age-simple',
        }}
      >
        <MenuItem value="">
          <em>None</em>
        </MenuItem>
        <MenuItem value={10}>Ten</MenuItem>
        <MenuItem value={20}>Twenty</MenuItem>
        <MenuItem value={30}>Thirty</MenuItem>
      </Select>