来自Material UI v1的select组件中的错误

Question

我需要一些帮助=）

我正在使用Material UI V1 beta，我正在将数据填充到DropDown菜单中，我正在使用的WS工作正常，我可以在Dropdown菜单中看到我的WS中的第一个选项但是当我尝试选择一个不同的选项我在控制台中收到错误，不知道它是什么以及为什么。

不知道我是否遗漏了一些东西，但这是我的代码：

import React from 'react';
import Select from 'material-ui/Select';
import MenuItem from 'material-ui/Menu';

export default class ExampleDD extends React.Component {

  constructor(props) {
    super(props);
    this.state = {
      description: '',
      descriptionError: '',
      DivisionData: [],
      DivisionState: ''

    };
    this.renderDivisionOptions = this.renderDivisionOptions.bind(this);
    this.handleChangeDivision = this.handleChangeDivision.bind(this);

  }

  componentDidMount() {
    const divisionWS = 'http://localhost:8080/services/Divisions/getAll';

    fetch(divisionWS)
      .then(Response => Response.json())
      .then(findResponse => {
        console.log(findResponse);

        this.setState({
          DivisionData: findResponse,
          DivisionState: findResponse[0].divDeptShrtDesc
        });
      });


  }

  handleChangeDivision(event){
    this.setState({ DivisionState: event.target.value });
  }

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

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

这是我得到的错误：

一些帮助会很好。

此致

Answer 1

MenuItem是一个命名导出，使用import { MenuItem } from 'material-ui/Menu';