material-ui 组件属性不起作用

Question

菜单组件的大多数属性都不起作用，例如onChange属性在我点击MenuItem的时候不起作用，但是onClick的功能却起作用了，我真的不知道怎么解决这个问题。

 import React from 'react';
    import ReactDOM from 'react-dom';
    import Menu from 'material-ui/src/menus/menu';
    import MenuItem from 'material-ui/src/menus/menu-item';


    class Contacts extends React.Component {
        constructor(props) {
            super(props);
        }

         handleClick =(e)=> {
           console.log(e)
        };
        handleChange =(e)=> {
            console.log(e.target)
        };
        render() {
            const style = {
                marginRight: 33,
                marginBottom: 33,
                float: 'left',
                position: 'relative',
                zIndex: 10,
            };
            return (
                <Menu style={style} onClick={this.handleClick} onChange={this.handleChange}>
                    <MenuItem primaryText="Maps" />
                    <MenuItem primaryText="Books" />
                    <MenuItem primaryText="Flights" />
                    <MenuItem primaryText="Apps" />
                </Menu>
            );
        }
    }
    console.log(<Contacts/>);
    ReactDOM.render(<Contacts/>,document.getElementById('example'));

Answer 1

这与this问题相同

下面将解决问题，

 constructor(props) {
     super(props);
     this.handleClick = this.handleClick.bind(this);
     this.handleChange = this.handleChange.bind(this);
  }

  handleClick(e) function {
     console.log(e)
  }
  handleChange (e) function {
     console.log(e.target)
  }