如何获取react material-ui组件的id

时间:2017-02-02 17:01:52

标签: reactjs material-ui

我一直试图获取react材料-ui组件的id值几个小时,我仍然无法弄清楚为什么我无法检索组件的属性,就像在普通的java脚本中一样。任何特殊原因导致我无法像这样检索id?

这是我的代码

class MenuComponent extends React.Component{

  constructor(props){
     super(props);

  }

  buttonclick =(event) => {
    let {id} = event.target;
    console.log(id);
  }

   render(){
     return(
       <div>
           <Menu>
             <MenuItem primaryText="Free Parking" id="freeparking" onTouchTap={this.buttonclick}  />
           </Menu>
       </div>
     );
   }
} 

1 个答案:

答案 0 :(得分:2)

您可以直接将ID传递给处理程序,而无需依赖DOM事件/属性......

<MenuItem primaryText="Free Parking" onTouchTap={() => this.buttonclick("freeparking")}  />

buttonclick =(id) => {
  console.log(id);
}