javascript - 将值传递给由事件触发的方法

Question

我使用 React 制作了一个简单的待办事项应用程序。

无序列表( <ul> 用于呈现列表中的所有项目。其中有列表项( <li> )，列表项是一个带有附加到类的 onClick 句柄的按钮方法:

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

在该方法中，我需要阻止默认行为，以防止单击按钮时刷新页面:

onHandleClick(event) {
    event.preventDefault();
    ...
}

我的问题是，如果我想将一个值传递给onHandleClick，我该怎么办？ ，鉴于 event是作为参数给出的吗？

Answer 1

将事件处理程序包装在另一个函数中并以这种方式传递项目特定参数:

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

<小时/>

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