State con useState

Parte del curso de React

Todos los componentes que has escrito hasta ahora devuelven la misma salida para las mismas props, siempre. Eso está bien para un título o una tarjeta, pero se desmorona en cuanto necesitas algo que el usuario pueda cambiar mientras mira la página: un contador que sube al pulsarlo, un interruptor que se enciende y se apaga, un campo de texto que muestra lo que acabas de escribir.

Piensa en cada render de un componente como una única fotografía, tomada en un instante concreto, de cómo se veía el componente con las props y el estado que tenía en ese momento. Cuando llamas a la función de un componente, JavaScript la recorre de arriba abajo exactamente una vez y produce una instantánea: el JSX que devuelve. ...