Facile
On veut améliorer ce composant pour qu'il affiche "Vert" par défaut.
class CSSColors extends React.Component {
constructor(props) {
super(props);
this.state = { colorCode: '' };
this.changeColor = this.changeColor.bind(this);
}
changeColor(evt) {
this.setState({ colorCode: evt.target.value });
}
render() {
return (
<div>
Le code de la couleur
<select onChange={this.changeColor}>
<option value="#ff0000">Rouge</option>
<option value="#00ff00">Vert</option>
<option value="#0000ff">Bleu</option>
</select>
est {this.state.colorCode}
</div>
);
}
}
Comment faire ?
Auteur: Victor SabatierStatut : PubliéeQuestion passée 1502 fois
Modifier
7
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !
6
Écrire une fonction React qui récupère les commentaires et les passe à un composant.3
Enregistrer l'état utilisé pour afficher la page sélectionnée dans un composant React.7
Comment soumettre un formulaire en React3
Écrire un composant React en tant que fonction4
Corrigez le composant React suivant : Scroller3
Écrire le code manquant pour afficher les enfants du composant UserProfile.7
Optimiser un composant React en implémentant shouldComponentUpdate