Composant fonctionnel sans state
Un composant n'a parfois pas besoin de state.
Au lieu de créer un composant de classe, il est alors suffisant de créer un composant de méthode.
Pour cela, le plus simple est d'utiliser le raccourci sfc (stateless functionnal component) dans Visual Studio Code.
const Hello = (props) => {
return (
<h1>Hello, {props.name}</h1>
);
}
export default Hello;
Composant fonctionnel avec hooks
Il est à noter que les composants fonctionnels sont de plus en plus utilisés et peuvent maitenant avoir accès au mécanisme de state et de cycles depuis l'introduction du Hook React useState. Cf https://www.twilio.com/blog/react-composants-fonctionnels-classe
useState
https://fr.reactjs.org/docs/hooks-state.html
useEffect
https://fr.reactjs.org/docs/hooks-effect.html
useContext