c# - REACTコンポーネントのスタイルの問題

Question

図に示されている 3 つのボタン コンポーネントの場合、ネイティブ JS と REACT を使用して、ボタンの 1 つをクリックしてボタンの 1 つのスタイルを変更する簡単な方法を記述するにはどうすればよいでしょうか?他のボタンをクリックすると、同じ効果が得られます (つまり、他の 2 つのボタンのスタイルをクリアし、クリック ボタンのスタイルを追加します)

Answer 1

ボタンのクリックは、クリックされたかどうかの状態によって維持されます。状態が異なるとスタイルが異なります~~
2 番目の質問は、p スタイルは必ず 1 つしか記述できないということです。3 つのボタンに対して 3 つのボタンを、10 つのボタンに対して 10 つのボタンを記述することは不可能です。 。 。 。基本データの走査を行い、多くの p をレンダリングし、p にデフォルトのスタイルを与え、各 p に異なるキーを割り当てて区別します

これはモーダルコンポーネントです。さまざまなボタンをクリックすると、対応するコンテンツがポップアップ表示されます~~~

Answer 2

各ボタンに選択フィールドを設定し、1 つを選択し、他の 2 つをクリアします。
選択した値に基づいてボタンにスタイルを動的に追加します。

Answer 3

入力の無線を使用して実装可能