Как в React-компоненте передать несколько параметров обработчику событий?

Question

[Аня Коломенская]

Как в React-компоненте передать несколько параметров обработчику событий? Испробовала вариант

<input onInput={this.handleEvent.bind(this, "SOME TEXT", 0)} />

и вариант

<input onInput={this.handleEvent.bind("SOME TEXT", 0)} />

Это не работает. Сама функция-обработчик может быть, например, такой:

handleEvent = (theEvent, theText, theNumber) => {
    alert(theEvent.target.value);
    alert(theText);
    alert(theNumber);
}

Answer 1

[YavaDev]

//функция
handleEvent= (arg1, arg2, arg3) => (e) => {
  console.log(e.target.value); //значение инпута, если надо
  console.log(arg1); //аргумент 1
  console.log(arg2); //аргумент 2
  console.log(arg3); //аргумент 3
}

//вызов
<input onInput={this.handleEvent(arg1, arg2, arg3)}/>