React onClickにパラメータを渡す問題について話しましょう

背景

下のようなリストでは、削除ボタンをクリックすると削除操作を実行する必要があります。

リスト生成:

	{
		タイトル: 「作戦」
		データインデックス: 'rowguid',
		キー: 'rowguid'、
	    レンダリング: (テキスト、レコード) => (
		      <スペースサイズ="middle">
		        <Button type="primary" size="small" >変更</Button>
		        <Button type="danger" size="small" >削除</Button>
		      </スペース>
			）
	}

削除ボタンをレンダリングして生成するときにイベントを追加し、クリックされたときにそれを呼び出し、パラメータも渡す必要があります。このパラメータ

私は次のように書き始めました:

しかし問題は、ページが読み込まれたときに delByGuid 関数が実行され、コンソールの出力が次のようになることです。

それだけでなく、削除ボタンをクリックしても関数が実行されませんでした。これは許可されていないようです。

質問：

1. ページがレンダリングされるときに実行される

2. ボタンをクリックすると、onclick は実行されません。

解決：

	{
		タイトル: 「オペレーション」
		データインデックス: 'rowguid',
		キー: 'rowguid'、
	    レンダリング: (テキスト、レコード) => (
		      <スペースサイズ="middle">
		        <Button type="primary" size="small" >変更</Button>
		        <Button type="danger" size="small" onClick={(e)=>delByGuid(text)}>削除</Button>
		      </スペース>
			）
	}

onClick={(e)=>delByGuid(テキスト)}

これで問題は解決しました。ページが読み込まれたときには機能しませんが、クリックされたときには呼び出すことができます。

React onClick のパラメータ渡しに関するこの記事はこれで終わりです。React onClick のパラメータ渡しに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き閲覧してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。