Question

我是ReactJS的新手。好吧，我只想解决这个问题，没有其他我想从React。在我已经构建的应用程序中，使用SelectField（Material-UI），它不显示所选值。除此之外一切正常。这是标记：

<SelectField ref="device" selectedIndex={this.state.deviceIndex} displayMember="device_model" valueMember="device_id" menuItems={this.state.devices} onChange={this.onSelectDevice} style={{float:"left", marginTop:"5px", width:"300px"}} />

我想要两件事之一： 1.使用现有的SelectField组件解决我的问题，之后我将能够获得所选项目。要么 2.分享使用简单HTML的方法选择...

Answer 1

您必须将菜单项作为子项显示到SelectField组件。使用内联映射表达式很容易。

示例：

  <SelectField selectedIndex={this.state.deviceIndex}>
    {this.state.devices.map(device =>
      <MenuItem value={device.id} primaryText={device.name}/>
    )}
  </SelectField>

如何使用在ReactJS中选择，并使用Array创建其选项

1 个答案: