質問
Reactを使い始めて数日なのですが、map
を使ってObject
のプロパティをonClick
などの引数として渡したい時って皆さんどうしていますか?
bind
またはArrow Function
の二択でしょうか?
もしくはEvent Object
を利用されているのでしょうか?
Reactを使うにあたってこの点が少しだけ気になります。
その他、より良い方法があるなど教えていただければ幸いです。
試したこと
jsx
1 2// bind 3{todos.map(todo => ( 4 <button key={todo.id} onClick={removeTodo.bind(this, todo.id)}>delete</button> 5))} 6 7// Arrow Function 8{todos.map(todo => ( 9 <button key={todo.id} onClick={() => removeTodo(todo.id)}>delete</button> 10))} 11 12// Event Object 13// handleClick = e => this.props.removeTodo(Number(e.target.id)) 14{todos.map(todo => ( 15 <button id={todo.id} key={todo.id} onClick={this.handleClick}>delete</button> 16))} 17
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。