javascript - 如何在react中将变量传递给函数

Question

我想将参数传递给deleteUndone，以便当用户激活completeTodo时它会使用指定的参数调用deleteUndone，但不知道如何实现？

deleteUndone = e => { 
   do something
}

completeTodo = e => {
   completeUndone(e.target.id)
   do more stuff ...
}

Answer 1

解决此问题的一种方法是在渲染方法中创建一个新函数，并将事件与您需要的任何其他参数一起传递。

示例

class App extends React.Component {
  deleteUndone = (e, param) => {
    // do something...
  };

  completeTodo = e => {
    completeUndone(e.target.id);
    // do more stuff...
  };

  render() {
    return (
      <div>
        {/* ... */}
        <button onClick={e => this.deleteUndone(e, "foo")}> Click me </button>
        {/* ... */}
      </div>
    );
  }
}