Problème de style avec le composant REACT

Question

Pour le composant à trois boutons comme indiqué dans l'image, comment pouvons-nous simplement utiliser JS natif et REACT pour écrire une manière simple de cliquer sur l'un des boutons pour changer le style de l'un des boutons ? Et lorsque vous cliquez sur d'autres boutons, vous pouvez avoir le même effet (c'est-à-dire effacer les styles des deux autres et ajouter le style du bouton de clic)

Answer 1

Le clic du bouton est maintenu par état, qu'il soit cliqué. Différents états donnent des styles différents ~~
La deuxième question est que vous ne pouvez certainement écrire qu'un seul style p. Il est impossible d'écrire 3 boutons pour 3 boutons et 10 boutons pour 10 boutons. . . . Faites un parcours des données de base, restituez plusieurs p, donnez à p un style par défaut et attribuez une clé différente à chaque p pour distinguer

Il s'agit d'un composant modal. En cliquant sur différents boutons, le contenu correspondant apparaîtra ~~~

Answer 2

Définissez un champ sélectionné pour chaque bouton, sélectionnez-en un et effacez les deux autres.
Ajoutez dynamiquement des styles aux boutons en fonction de la valeur sélectionnée.

Answer 3

Peut être mis en œuvre à l'aide de la radio d'entrée