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 1505 fois
Modifier
7
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !
7
Optimiser un composant React en implémentant shouldComponentUpdate4
Corrigez le composant React suivant : Scroller6
Écrire une fonction React qui récupère les commentaires et les passe à un composant.3
Écrire un composant React en tant que fonction3
Enregistrer l'état utilisé pour afficher la page sélectionnée dans un composant React.7
Comment soumettre un formulaire en React3
Écrire le code manquant pour afficher les enfants du composant UserProfile.