从 Material UI v1 beta 填充 Select 组件中的数据

Question

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

这是我的代码的一部分：

这是在 render() 方法中。

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

这里我使用 MenuItem 标记来填充来自 WS 的 de 值

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

这在使用 DropDown 标记和 MenuItem ej 的最新版 Material UI 中有效。 " ....."

一些帮助会很好。

问候

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

Answer 1

我认为您需要为 Items 添加显示值dt.divDeptShrtDesc：

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

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