Question

我正在学习React.js。在本教程中，作者使用onClick with bind，但在某些地方他没有使用与onClick的绑定。我无法区分这两者。

 <button onClick={this.handleAdd}>Add Item</button>

Answer 1

您可以使用bind将某个参数传递给处理程序方法。

例如：

render: function() {
    return _.map(list, function(item) {
        return <li onClick={this.clickItem.bind(this, item)}>{item.name}</li>;
    });
},
clickItem: function(item, event) {
    //do something with the clicked item
}

如果您不需要注入参数，则不需要bind，因为react总是调用组件范围内的处理程序方法 - although this is changing soon

为什么我们在onClick事件上使用Bind方法

1 个答案: