- バックアップ一覧
- 現在との差分 を表示
- ソース を表示
- バックアップ を表示
- JavaScript/React/イベント処理/カリー化を使ったイベントハンドラー関数 へ行く。
- 1 (2022-10-17 (月) 21:47:09)
- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2022-10-17T21:47:09+09:00","default:ryuichi","ryuichi") * カリー化を使ったイベントハンドラー関数 [#ba1b7f45] export default function App() { const items = [{ id: 1, val: 'A' }, { id: 2, val: 'B' }, { id: 3, val: 'C' }]; const handleClick = (item) => (e) => { console.log(item.val); } return ( <div> {items.map((item) => { return (<div><button onClick={handleClick(item)}>ID: {item.id}</button></div>); })} </div> ); }