ES6语法中的
我有一些东西:
<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);
};