React-如何与事件处理程序一起使用bind并保留事件对象
React - How to use bind with an event handler and preserve event object?
我有一些东西:
<IconButton
icon="icon-delete"
onClick={this.deleteItem.bind(this, itemName)}
/>
但是,当deleteItem
函数触发时,event
参数将丢失。提及this
仅指React组件。使用bind
时,如何保留/传递event
?
this.deleteItem.bind(this, itemName)
表示itemName
的值将被分配给this.deleteItem
的第一个参数。
因此,事件对象将被分配给第二个参数。
有关.bind
的更多信息,请参阅MDN文档。
。您可以使用::this.deleteItem
// This is binding the function onFormSubmit to this fn.bind(this)
<form onSubmit={::this.onFormSubmit}>
</form>
我这里有一些和你一样的代码。
<button className="removeitem" onClick={this.handleClickRemoveFromCart(item, item.id)}>
<i className="icon icon-close -x3" />
</button>
handleClickRemoveFromCart(item, id) {
return this.props.onRemoveFromCart(item, id);
};
相关文章:
- 分派点击事件并保留击键修饰符
- 直接在函数声明上使用function.prototype.bind
- 如何使用jquery强制一个单词更改大小写等以保留品牌
- 提交后保留下拉选择的值
- 刷新后保留对网页的更改
- 在mvc应用程序中,在回发时保留最初隐藏的文本框的隐藏或可见状态
- Flash Uploadify在调用我的MVC控制器时没有保留会话/授权
- 当设置addFromAutocompleteOnly时,剩余文本将保留在输入字段中
- 使用递归属性迭代保留属性结构
- Jquery html() 和保留元素名称
- 如何将字符串拆分为字符,但在javascript中保留空格
- 离开页面导航后保留文本区域内容
- 显示&作为&在jsp中使用angularjs而不使用ng-bind-html
- 如何在使用JavaScript或jQuery刷新父页面后保留iframe-src
- 如何使jQuery的“bind”或“on”事件处理程序幂等
- Javascript和RegEx:拆分并保留分隔符
- 如何生成保留标点符号的简单字谜
- 如何设置类型化对象的属性,同时保留它's类型
- React-如何与事件处理程序一起使用bind并保留事件对象
- Javascript: bind参数,但保留原始参数