Material-ui 示例

Question

我从Material-ui（简单示例）网站本身获得了这个代码sn-p，它似乎不能通过直接复制和粘贴立即起作用。

它在解析时抛出一个错误Unexpected token ("line#")，尤其是在handleChange = .......我目前正在使用 Visual Studio Code，而且我也是在 JSX 中使用 Material-ui 的新手。

我错过了什么？请帮忙。

import React from 'react';
import DropDownMenu from 'material-ui/lib/DropDownMenu';
import MenuItem from 'material-ui/lib/menus/menu-item';

export default class DropDownMenuSimpleExample extends React.Component {

  constructor(props) {
    super(props);
    this.state = {value: 2};
  }

  handleChange = (event, index, value) => this.setState({value});

  render() {
    return (
      <DropDownMenu value={this.state.value} onChange={this.handleChange}>
        <MenuItem value={1} primaryText="Never"/>
        <MenuItem value={2} primaryText="Every Night"/>
        <MenuItem value={3} primaryText="Weeknights"/>
        <MenuItem value={4} primaryText="Weekends"/>
        <MenuItem value={5} primaryText="Weekly"/>
      </DropDownMenu>
    );
  }
}

Answer 1

将handleChange = (event, index, value) => this.setState({value});更改为

handleChange(event, index, value) {
    this.setState({value})
};