Как добавить в аргумент функции обработчика значение инпута?

Question

[kirillleogky]

Есть инпут:

<input onChange={this.getChangeBonusType(здесь передать значение этого инпута)}/>

Как мне пердать значение инпута в аргумент функции?
НЕ ИСПОЛЬЗУЯ

<input onChange={(event) => this.getChangeBonusType(event.target.value)}/>

!!

Answer 1

[YavaDev]

getChangeBonusType = (argument) => () => {
  console.log(argument);
}

Comments

[kirillleogky]

YavaDev с этим понятно, так а как передать в функцию значение?

[YavaDev]

kirillleogky, добавил

getChangeBonusType = (argument) => (e) => {
  console.log(e.target.value);
  console.log(argument);
}

[kirillleogky]

YavaDev, а добавлять как?)

[YavaDev]

kirillleogky, Что добавлять?
Вот функция, которая принимает аргументы и которая возвращает функцию, у которой есть event, из которого можно взять значение инпута

getChangeBonusType = (arg1, arg2, arg3) => (e) => {
  console.log(e.target.value); //значение инпута будет здесь
  console.log(arg1); //аргумент 1
  console.log(arg2); //аргумент 2
  console.log(arg3); //аргумент 3
}

Вот так она спользуется

<input onChange={this.getChangeBonusType(сюда передавать аргумент, или два аргумента,  или ...)}/>

Ну а дальше в функции getChangeBonusType делайте, что угодно с аргументами и с значением инпута.

[kirillleogky]

YavaDev, блин супер спасибо

Answer 2

[Demian Smith]

Вот так

//...
getChangeBonusTypeHandler = (event) => this.getChangeBonusType(event.target.value);
//...
render() {
  return <input onChange={this.getChangeBonusTypeHandler}/>
}

Comments

[kirillleogky]

Demian Smith
она переиспользуемая и мне такой вариант не идёт

[Demian Smith]

kirillleogky, можете немного описать почему такой вариант не подходит? ато я не понимаю ))

[kirillleogky]

Demian Smith, потому что я передаю аргументы в this.getChangeBonusTypeHandler и в случае выше event.target.value покаже ошибку в другом варианте использования функции