Material-UI SelectField onChange 不起作用

Question

我正在努力工作material-uiSelectField 组件。

在我的项目中，常见的select 组件可以正常工作，但如果声明SelectField 组件我有问题。

问题在于调用onChange 方法。

如果我用Select 组件调用它，一切正常，点击时值会改变

测试

写入控制台。

如果我用SelectField 组件调用它。在GUI 中，它只显示来自subsystemsItems 变量的项目，但如果我尝试选择一个，则没有任何反应。

测试

也没有写入控制台。

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      SubsystemID: ''
    };
    this.handleSelectChange6 = this.handleSelectChange6.bind(this);
  }

  handleSelectChange6(event) {

    console.log("test");
    const target = event.target;
    const value = target.type === 'checkbox' ? target.checked : target.value;
    const name = target.name;
    if (value === "Zvolit") {
      this.setState({
        [name]: ''
      });
    }
    else {
      this.setState({
        [name]: value
      });
    }

  }
  render() {
    return (
      <div>
        <SelectField
          value={this.state.SubsystemID}
          onChange={this.handleSelectChange6}>
          {subsystemsItems}
        </SelectField>

        <select value={this.state.SubsystemID} name={"SubsystemID"} onChange={this.handleSelectChange6}>
          <option defaultValue>Zvolit</option>
          {subsystemsItems}
        </select>
      </div>
    )
  }
}

Answer 1

尝试使用material-ui提供的<MenuItem>组件

<SelectField
   value={this.state.SubsystemID}
   onChange={this.handleSelectChange6}>
      {
          subsystemsItems.map((option, key) => (
               <MenuItem key={key} value={option.value} primaryText={option.label} />
          ))          
      }
</SelectField>