javascript - 在 Material UI v1 beta 的 Select 组件中填充数据

Question

我正在尝试从 Material UI v 1.0.0.0 beta 的 < Select > 组件填充数据，但它不起作用。

这是我的代码的一部分:

这是在 render() 方法内部。

        <Select
          value={this.state.DivisionState}
          onChange={this.handleChangeDivision}
        >
          {this.renderDivisionOptions()}
        </Select>

在这里，我使用 MenuItem 标签来填充来自 WS 的值

  renderDivisionOptions() {
    return this.state.DivisionData.map((dt, i) => {
      return (
        <MenuItem
          key={i}
          value={dt.divDeptShrtDesc}>
        </MenuItem>
      );
    });
  }

这在最新版本的 Material UI 中使用 DropDown 标签和 MenuItem ej 工作。 “<下拉菜单><菜单项>......”

一些帮助会很好。

问候

当我尝试与 Select 组件交互时出现错误。

Answer 1

我认为您需要为项目添加显示值dt.divDeptShrtDesc:

renderDivisionOptions() {
        return this.state.DivisionData.map((dt, i) => {
          return (
            <MenuItem
              key={i}
              value={dt.divDeptShrtDesc}>
                {dt.divDeptShrtDesc}
            </MenuItem>
          );
        });
      }

使用 material-ui 的 Seclect 的小演示 ​​(v1.0.0):https://codesandbox.io/s/5voz6y7kwl 希望对您有用