public
qui contient l'htmlsrc
qui contient l'app JSsrc
, le fichier index.js
import les dépendances nécessaires à React et importe une classe App
du fichierApp.js
. Ce fichier contient un ou plusieurs Component.Component
. Plusieurs choses caractérisent un composant (Component) :props
) : des données immuables qui permettent de transférer state
), constamment mué, représente l'état du composant.render()
qui renvoie du code qui ressemble à du HTML, il s'agit de la syntaxe JSX. Par exemple :render()
du composant parent. Par exemple, un composant App
appelle un composant enfant Welcome
en lui donnant une prop name
de valeur "Guillaume"
. Cette prop
est immuable et est accessible pour l'enfant à this.props.name
.state
d'un Component représente son état, i.e. permet de mémoriser des paramètres qui lui sont propres. L'état est initialisé dans le constructeur du composant.Note : Il faut toujours prendre au moinsprops
en paramètre et commencer par appeler le constructeur parent :super(props)
.
this.state.clé
. L'état peut être modifié grâce à la méthode setState({ clé: nouvelleValeur })
.Welcome
comme il était à l'origine :this
. Il y a aussi un avantage pour l'appel de fonctions. Imaginons :() => fonction()
mais simplement fonction
.