Javascript 将值传递到由事件触发的方法中

我用React制作了一个简单的todo应用程序

无序列表（

用于显示我的列表中的所有项目。其中有列表项目（

），列表项目中有一个按钮，带有一个连接到类方法的

onClick

句柄：

<button onClick={this.onHandleClick.bind(this)}>Add</button>

---

我的问题是，如果我想将一个值传递到

onHandleClick

，如果

event

作为参数给出，我该怎么办？

我不熟悉React，但是如果该值是静态的，您可以这样做：

<button onClick={function(){self.onHandleClick(passedInValue);}}>Add</button>

添加

---

请注意，“self”需要绑定到包含“onHandleClick”方法的任何对象。

将事件处理程序包装到另一个函数中，并通过以下方式传递特定于项的参数：

<button onClick={e => this.handleClick(e, itemId)}>Add</button>

---

onClick={event=>this.method（event，arg1，arg2）}

请注意，在您的示例中，

this

将不是周围的类，并且不包含事件处理程序

<button onClick={e => this.handleClick(e, itemId)}>Add</button>

handleClick(event, itemId) {
    event.preventDefault();
    console.log(itemId);
}