2017-02-02 3 views
2

Я пытаюсь получить значение id компонента реагирующего материала-ui в течение нескольких часов, и я все еще не могу понять, почему я не могу получить свойства компонентов, таких как простая Java скрипт. Любая конкретная причина, по которой я не могу найти идентификатор, как это?Как получить идентификатор компонента-материала-ответа

Это мой код

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> 
    ); 
    } 
} 
+0

г у получать какую-либо ошибку ?? –

+0

Нет, я получаю пустую строку – TRomesh

+0

сделал u install 'injectTapEventPlugin', требуется с материалами ui components ?? для событий onTouchTap. проверьте этот 'jsfiddle', вы можете передать идентификатор вместе с событием click и получить его в функции args, чтобы проверить это: https://jsfiddle.net/1v4zh0p9/ –

ответ

2

Вы можете передать идентификатор непосредственно в обработчике, не полагаясь на события DOM/атрибуты ...

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

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