Context et useContext

Partie du cours React

Votre application a un interrupteur de mode sombre. Il se trouve dans le panneau des réglages, mais ce qui a besoin d'en connaître l'état, c'est un bouton situé huit composants plus bas, dans un tableau, dans une carte, dans une page. Pour faire passer la valeur de l'un à l'autre par les props, chaque composant intermédiaire doit accepter une prop theme dont il ne se sert pas et la transmettre telle quelle.

React propose une échappatoire officielle pour cela, et elle s'appelle le contexte : une valeur publiée en un point de l'arbre des composants, que tout composant situé en dessous peut lire directement, quelle que soit la profondeur, sans que personne entre les deux ait à la relayer. L'image qui convient est celle d'une émission de radio.