En React, los datos tienen 1 y solo 1 forma (o dirección) de ser transferidos hacia otras partes de la aplicación. Esto implica que los componentes hijos child components no pueden actualizar los datos que provienen de un componente padre (parent component).

Los datos que vienen de un componente padre se conocen como props.

Al saber de donde provienen los datos (del padre) los componentes hijos se convierten en componentes controlados, ya que no deciden su propio estado, lo decide su padre. Creando con esto una sola fuente de verdad (Single source of truth) haciendo mucho más fácil debuggear y entender el diseño.

👀 ¡Ojo!, Si quieres que un componente comparta su estado con su hermano, se necesita modificar el estado de un hermano, entonces has encontrado un caso en el que el estado debe levantarse un nuvel (Lifting state)

En React, muchos componentes tendrán su propio estado, algunos de esos estados podrían estar compartidos o necesitar estarlo, es por ello que es importante determinar qué componente es "dueño" de ese estado que se comparte.

Teniendo en mente el flujo en una sola dirección, de la arquitectura de React, sabemos que para compartir un estado solo podemos hacerlo de padres a hijos.

Ojalá te sirva de referencia. Abrazo. Bliss.