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

【问题标题】：I'm trying to use a select, and I'm using the material-ui example我正在尝试使用选择，并且我正在使用 material-ui 示例
【发布时间】：2019-04-01 04:56:02
【问题描述】：

我正在尝试使用选择，并且我正在使用 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>

【问题讨论】：

如果您要按照示例进行操作，则需要使用Select 而不是TextField。 material-ui.com/demos/selects/#simple-select
谢谢，我做到了，但是 Select 不适用于 Formik，你能帮我解决那个 Formik
您能否分享一个针对您的问题的最小、完整且可验证的示例stackoverflow.com/help/mcve

标签： reactjs formik yup

【解决方案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>

【讨论】：

【解决方案2】：

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

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

【讨论】：