Styling-Problem mit der REACT-Komponente – Stapelüberlauf

Question

Wie können wir für die im Bild gezeigte Komponente mit drei Schaltflächen einfach natives JS und REACT verwenden, um eine einfache Möglichkeit zu schreiben, wie man auf eine der Schaltflächen klickt, um den Stil einer der Schaltflächen zu ändern? Und wenn Sie auf andere Schaltflächen klicken, können Sie den gleichen Effekt erzielen (d. h. die Stile der anderen beiden löschen und den Stil der Klickschaltfläche hinzufügen)

Answer 1

按钮的点击用state维护，是否被点击。不同的状态给不同的样式~~
第二个问题，肯定只能写一个p的样式，不可能3个按钮写3个，10个写10个。。。。怼基础数据做一个遍历，render很多个p，p给一个默认的样式，给每个p分配一个不同的key，用来区分

这是一个modal组件，点击不同的button弹出对应的内容~~~

Answer 2

每个钮设置一个selected字段，选中一个清空其他两个。
根据selected的值动态给按钮添加样式。

Answer 3

可以利用input的radio实现