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)
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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 ~~~
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.
Peut être mis en œuvre à l'aide de la radio d'entrée