Свойства материала-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) 
    }