Javascript 反应单击事件的event.target为空

如何在函数

showChildren

中获取onClick事件

div.id

的目标

预期结果：

div.id

实际结果：

<react></react>

相关剃须刀

  iterateNavigationObject: function(item) {

    var titleStyle = {
      'backgroundColor': 'grey'
    };

    return (
      <div>
        <ul>
          <li style={titleStyle}>
            <div id="asdf" onClick={this.showChildren}>{item.text}</div>//I want the id of this element
              <ul>
                {item.items.map(this.iterateNavigationSubitems, this)}
              </ul>
          </li>
        </ul>
      </div>
    );
  },

  showChildren: function(){
    console.log(event.type);//OUTPUT:  'react-click'
    console.log(event.target);//OUTPUT:  <react></react>
  },

iterateNavigationObject:函数（项）{
变量标题样式={
“背景颜色”：“灰色”
};
返回(


{item.text}//我想要这个元素的id

{item.items.map（this.iterateNavigationSubitems，this）}



);
},
showChildren:function（）{
console.log（event.type）；//输出：“react click”
console.log（event.target）；//输出：
},

更改您的单击处理程序签名

showChildren: function(event) {
  console.log(event.type);//OUTPUT:  'react-click'
  console.log(event.target);//OUTPUT:  <react></react>
},

然后，更新侦听器以接受ID。在此解决方案中，您可以忽略前面的答案

showChildren(id) {
  return () => {
    console.log(id);
  }
}

showChildren(id) {
  return () => {
    console.log(id);
  }
}