Как передать переменные в функцию в реакции

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>
    );
  }
}

Answer 2

deleteUndone=(parameter1,parameter2)=>{
    //do some stuff           
}

Для вызова deleteUndone используйте этот оператор. Предполагая, что a, b определены в состоянии компонента. Аргументы также могут быть определены в пределах области действия функции.

completeTodo = e => {    
   const {a,b}=this.state;
   completeUndone(e.target.id)
this.deleteUndone(a,b);

}