問題タブ [material-table]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

666 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
2 に答える
6024 参照

reactjs - 選択時に背景色を変更する行を選択するにはどうすればよいですか

マテリアル テーブル ライブラリの使用。この例に示されている動作を再現したいと思います。

https://codesandbox.io/s/table-hover-colors-zw9nt

https://www.npmjs.com/package/material-table https://material-table.com/#/ ここに画像の説明を入力

onRowClick={} を使用することを考えていました

ロジックは

onRowClick =>

  1. クリックされた行の背景を別の色にレンダリングするコンポーネント状態の値を設定します
  2. 他のすべての行を背景に元の色に設定します

状態に保持されている値に基づいて条件付きレンダリングを使用して、背景を変更できます。これはすべての行の背景を変更しますが。

ここに画像の説明を入力

私の現在の作業例はこちら https://codesandbox.io/s/peaceful-haibt-2nefw

ご協力いただきありがとうございます


12345678910