材料 - 例子

Question

我从Material-ui（简单示例）网站本身获得了此代码段，并且它似乎不会立即直接复制和粘贴。

在解析时抛出错误意外令牌（“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})
};