エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【React/TypeScript】onClickなどのイベント処理で要素ごとに引数を渡したい場合 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【React/TypeScript】onClickなどのイベント処理で要素ごとに引数を渡したい場合 - Qiita
Reactでリストなどを実装する際などに、クリックされた要素に応じて処理を変えたいなどのケースに遭遇し... Reactでリストなどを実装する際などに、クリックされた要素に応じて処理を変えたいなどのケースに遭遇します。 以下の例においてhandleClickにおいて、クリックされた要素に関数情報が欲しい、といった状況です。 const App: React.FC = () => { const handleOnClick = () => { // クリックされた要素に応じた処理を行う。 }; return ( <div className="App"> <ul> {["dog", "cat", "rabbit"].map(v => ( <li onClick={handleOnClick} key={v}> {v} </li> ))} </ul> </div> ); }; 以下の記事において、イベント処理に引数を渡す際、主に3つのアプローチが取れるということがまとめられています。投稿者の方に感謝申