Utiliser les Refs

Introduction aux refs en React

Une ref est un moyen d'accéder directement à un élément ou de conserver une valeur. Dans React, les refs sont utilisées pour gérer des valeurs mutables ou interagir directement avec des éléments du DOM, sans passer par le cycle de rendu habituel. Contrairement au state, modifier une ref ne déclenche pas de re-render, ce qui en fait un outil adapté pour des scénarios spécifiques où les données doivent persister entre les rendus sans affecter l’affichage.

Pourquoi et quand utiliser les refs en React ?

Une ref est un objet React contenant une propriété .current. Cette propriété peut pointer vers n’importe quelle donnée, qu’il s’agisse d’un élément DOM, d’une valeur temporaire ou d’une fonction. Les refs permettent de conserver des données entre les rendus, sans pour autant participer au cycle de rendu, ce qui les distingue du state.

Les refs sont particulièrement utiles pour des cas où les données ne nécessitent pas une synchronisation avec l’interface utilisateur, comme le suivi d’un timer ou l’accès direct à des éléments DOM.