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

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>

Answer 2

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

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

我正在尝试使用选择，而我正在使用material-ui示例

2 个答案: