从react js中的onClick事件获取对象数据和目标元素

Question

这是我的密码。我希望使用onClick事件在object和target元素中获得两个数据。有人能帮帮我吗。

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

<input type="checkbox" value={data.id} defaultChecked={false} onClick={this.handleClick.bind(null, data)}/>

Answer 1

在onClick处理程序中使用箭头函数怎么样？

handleClick = (e, data) => {
    // access to e.target here
    console.log(data);
}

<input type="checkbox" value={data.id} defaultChecked={false} onClick={((e) => this.handleClick(e, data))}/>