[reactjs] modifier le style d'une class avec onclick

Résolu/Fermé
Signaler
Messages postés
334
Date d'inscription
mardi 24 février 2015
Statut
Membre
Dernière intervention
29 novembre 2019
-
Messages postés
334
Date d'inscription
mardi 24 février 2015
Statut
Membre
Dernière intervention
29 novembre 2019
-
Bonjour à tous.

je cherche desesperement un moyen de modifier le style de la class "MainOptions" au moment du clic sur le bouton "Sign-in" ou "Sign-up" .

voici le code en question :
const MainOptions = ({ onToggle }) => (
  <div className="MainOptions">
    <button name="SignUp" onClick={onToggle}>Sign-up</button>
    <button name="SignIn" onClick={onToggle}>Sign-in</button>
  </div>
);


j'ai trouvé quelques infos sur internet mais je ne parviens pas a le faire fonctionner correctement.
je ne suis pas encore tres a l'aise avec ReactJS.


.MainOptions {
position: absolute;
width: 50vw; left: 50%; margin-left: -25vw;
height: 40px; top: 60%; margin-top: -20px;
background-color: rgba(0, 0, 0, 0);
z-index: 99;
}
.MainOptions button {
position: relative;
top: 20%;
width: 130px;
background-color: rgba(0, 0, 0, 0);
color: white;
outline: none;
border-color: white;
border-style: double;
}
.MainOptions button:hover {
border-color: green;
}




j'espere étre assez precis, merci de vos retours.

1 réponse

Messages postés
334
Date d'inscription
mardi 24 février 2015
Statut
Membre
Dernière intervention
29 novembre 2019
11
Petit up de fin de semaine.

Je suis toujours face à cette problématique.
0
Messages postés
34667
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 janvier 2022
3 990
Je viens de déplacer ta question dans le bon forum.... ça peut aider pour avoir des réponses....
0
Messages postés
334
Date d'inscription
mardi 24 février 2015
Statut
Membre
Dernière intervention
29 novembre 2019
11
Merci Jordane.
Décidément je suis pas très doué pour cibler les forum concerné.
0