React en marche

CHAPITRE 4 Composants de fonction Excel

Vous souvenez-vous des composants de fonction ? À un moment donné, au Chapitre 2, ils ont quitté le décor quand l’état est entré en scène. Il est temps de les faire réapparaître.

Petit rappel : composants de fonction et composants de classe

Dans sa forme la plus simple, un composant de classe n’a besoin que d’une méthode render(). C’est là que vous construisez l’interface utilisateur, en employant éventuellement this.props et this.state :

class Widget extends React.Component {
  render() {
   let ui;
   // amusant avec this.props et this.state
   return <div>{ui}</div>;
  }
}

Dans un composant de fonction, la totalité du composant est la fonction et l’interface utilisateur est ce que la fonction renvoie. Les propriétés sont ...