Javascript 在React中处理方法时，如何从事件对象获取密钥？

当我单击DOM元素时，e.key是未定义的； 我怎样才能获得DOM的密钥

源代码

构造函数（道具）{
超级（道具）；
this.\u handle=this.\u handle.bind（this）；
}
__手柄（e）{
控制台日志（e）；
控制台日志（e.key）；
}
render（）{
让那=这；
设数据=[1,2,3,4]；
让com=data.map（函数（数据、索引）{
返回数据
})
返回
{com}
;
}

React的版本为^15.6.1

---

谢谢

我以为你有这种怀疑

import React from 'react';

class App extends React.Component{
    constructor(props){
       super(props);
       this.handleClick = this.handleClick(this);
    }

    handleClick(data){
       console.log(data);
    }

    render(){
       let data = [1,2,3,4];
       return data.map(val=>{
           return <div onClick={this.handleClick.bind(this, val)}>{val}</div>
       })
    }
}

从“React”导入React；
类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）；
this.handleClick=this.handleClick（this）；
}
handleClick（数据）{
控制台日志（数据）；
}
render（）{
设数据=[1,2,3,4]；
返回data.map（val=>{
返回{val}
})
}
}

---

我希望这对你有用

您是否尝试过

e.keyCode

？是的。但它是未定义的，onClick的代码不存在。您的意思是

onkeypress

还是

onkeydown

？请参阅此演示。

import React from 'react';

class App extends React.Component{
    constructor(props){
       super(props);
       this.handleClick = this.handleClick(this);
    }

    handleClick(data){
       console.log(data);
    }

    render(){
       let data = [1,2,3,4];
       return data.map(val=>{
           return <div onClick={this.handleClick.bind(this, val)}>{val}</div>
       })
    }
}