Question du test React (legacy)

Améliorer ce composant React pour qu'il affiche "Vert" par défaut.

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 1273 fois
Modifier
5
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !