Question

React中的不同组件是否可以有一个事件处理程序？就像您在.NET中使用不同的按钮一样，您可以使用一个偶数处理程序来处理click事件。

如果可能的话，您将如何捕获触发事件的人？

Answer 1

您始终可以将同一处理程序绑定到不同的组件。

render() {
    return (
        <button
            onClick={this.handler}
        />
    );
}

handler = (event) => {
    let target = event.target;
    // do whatever
}

event.target会告诉您正在单击哪个元素。

Answer 2

<button onClick={this.handleChange}/>

handleChange = ({ target }) => {
  const value = target.type === 'checkbox' ? target.checked : target.value;
  const name = target.name;

  this.setState({
    [name]: value
  });
}

这应该处理大多数针对不同输入的方案。希望对您有帮助！

在React中是否可以将一个事件处理程序附加到不同的组件上？

2 个答案: