材料 - 例如

Question

我從Material-ui（簡單示例）網站本身得到了這段代碼片段，它似乎不能立即直接複製和粘貼。

它拋出一個錯誤解析意外的標記（「行＃」），特別是在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}) 
};