Notions complémentaires / WEBFRONT
Composants React et état
État, rendu et événements avec React.
Le rendu d’un composant
Un composant est une fonction qui décrit une partie de l’interface à partir de ses propriétés et de son état. Le JSX ressemble à du HTML mais fait partie du code JavaScript/TypeScript. React recalcule la description quand l’état change et met à jour le DOM nécessaire.
Un état minimal
Cet extrait se place dans un composant fonctionnel, avec useState importé depuis react. La fonction g => g + 1 calcule la prochaine valeur à partir de la précédente. Ne modifiez pas directement une grille stockée dans l’état : créez une copie et passez-la au setter.
const [generation, setGeneration] = useState(0);
<button onClick={() => setGeneration(g => g + 1)}>
{generation}
</button>Relier un effet externe
Un appel C++ est asynchrone. Après await, la réponse ne doit modifier l’état que si la session est encore valide. Pour les abonnements et observateurs, useEffect prévoit une fonction de nettoyage. Le starter Life illustre ces deux précautions.
Question