Fluxo de Dados Unidirecional no React

Um componente pode transmitir seu estado para baixo na árvore de descendentes na forma de props para componentes filhos. Esse processo é chamado de fluxo de dados descendente (top-down) ou unidirecional (unidirectional). O estado sempre pertence a um componente específico, e esse estado só pode afetar os componentes que são descendentes do componente em questão.

Além do fluxo de dados descendente, existe também o fluxo ascendente ou inverso. Ele contém os dados que surgem nos componentes descendentes, por exemplo, dados inseridos em inputs pelo usuário. Esse fluxo de dados é transmitido ao pai por meio da chamada de uma função, que é passada via props para o componente filho.