从Material UI v1 beta

Question

我试图从＆lt;中填充数据？从Material UI v 1.0.0.0 beta中选择＆gt; 组件，但它无效。

这是我的代码的一部分：

这是在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中工作的。 ＆＃34;的＆LT; DropDown＆gt; ＆LT; MenuItem＆gt; ..... ＆＃34;

一些帮助会很好。

此致

当我尝试与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 希望它对你有用