Reactのイベントハンドラーにパラメーターを渡す方法

たとえば、マウント時にメソッドを呼び出さずに、onClickイベントにパラメーターを渡す方法を確認します。

React機能コンポーネントで作業する場合、onClick(または他のイベント)にイベントをアタッチする必要がある場合があります。

あなたは通常します:

<button onClick={addBill}>Add</button>

しかし、パラメータを渡す必要がある場合はどうなりますか?請求書のリストがあり、その横にある「X」をクリックして請求書を削除するとします。

あなたはできません:

<button onClick={removeBill(index)}>𝗫</button>

onClick内の式はマウント時に実行されるためです。これにより、アプリが起動するとすぐに、リスト内のすべての請求書が削除されます。

代わりに、これは矢印関数を使用して行う必要があることです。

<button onClick={() => removeBill(index)}>𝗫</button>

私の無料ダウンロードReactハンドブック


その他の反応チュートリアル: