Как передать событие и аргумент с помощью метода привязки в Reactjs - PullRequest
Новая
       112

Как передать событие и аргумент с помощью метода привязки в Reactjs

0 голосов
/ 14 июля 2020

Итак, это в моем методе рендеринга: 

<Person 
       changed={(event) => this.nameChangedHandler(event, value.id)}
       />

А вот мой компонент Person 

  <input type='text' onChange={props.changed} value={props.name}/>

А вот мой Handler 

>   nameChangedHandler = (event, id) => {  // Getting an Event Object
>     
>         const personIndex = this.state.person.findIndex(value => {
>     
>           return value.id === id;
>     
>         })

Он работает нормально. Но я хочу знать, если это сделать 

<Person 
       changed={this.nameChangedHandler.bind(this, value.id)}
       />

Тогда Как я могу передать событие с value.id в Компонент?

1 Ответ

0 голосов
/ 14 июля 2020

Вместо того, чтобы передавать два аргумента в nameChangedHandler, вы можете сделать его каррированной функцией. Таким образом достигается тот же результат при использовании другого подхода. 1010 * Аналогичный пример в codeandbox - ( Примечание смотреть на консоль после нажатия кнопки)

...