How to pass multiple parameters to an event handler in a React component?

Question

JavaScript

How to pass multiple parameters to an event handler in a React component? I tried the option

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

and option

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

This does not work. The handler function itself might look like this:

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

Answer 1

//функция
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)}/>