Como é que a transferência de dados entre componentes é realizada no React?

No React, a transferência de dados entre componentes é feita principalmente através de props e state.

• Props são propriedades que o componente pai passa ao componente filho. São de leitura apenas no componente filho.
• State é o estado interno do componente, que pode ser alterado dentro do próprio componente.

Para passar dados do pai para o filho, usam-se props:

function Parent() {
  const message = "Olá do pai!";
  return <Child text={message} />;
}

function Child(props) {
  return <div>{props.text}</div>;
}

Para compartilhar dados entre componentes não relacionados, costuma-se usar o contexto (React Context) ou um estado global (por exemplo, Redux).

Também é possível passar funções via props, para que o componente filho possa chamar métodos do pai e assim alterar o estado ou passar dados de volta.