使用ES6语法通过onclick事件传递参数
使用ES6语法通过onclick事件传递参数
提问于 2015-12-18 16:04:19
如何使用ES6语法向onClick事件传递额外的参数？
例如：
handleRemove = (e) => {
}
render() {
<button onClick={this.handleRemove}></button>
}我想将id传递给handleRemove函数，如下所示：
<button onClick={this.handleRemove(id)}></button>回答 6
Stack Overflow用户
发布于 2017-08-26 06:30:19
使用value attribute元素的按钮传递id，如下所示
<button onClick={this.handleRemove} value={id}>Remove</button>然后在handleRemove中，从event中读取值为：
handleRemove(event) {
...
remove(event.target.value);
...
}这样就避免了每次重新呈现该组件时创建新函数(与使用箭头函数相比)。
Stack Overflow用户
发布于 2015-12-18 16:07:17
如下所示使用Arrow函数：
<button onClick={()=>{this.handleRemove(id)}}></button>Stack Overflow用户
发布于 2016-09-16 22:18:44
onClick={this.handleRemove.bind(this, id)}使用with with函数
onClick={()=>{this.handleRemove(id)}}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34350988
复制相关文章
相似问题
腾讯云开发者
