В React передача данных между компонентами осуществляется в основном через props и state.

Props — это свойства, которые родительский компонент передаёт дочернему. Они доступны только для чтения в дочернем компоненте.
State — это внутреннее состояние компонента, которое может изменяться внутри самого компонента.

Для передачи данных от родителя к ребёнку используют props:

function Parent() {
  const message = "Привет из родителя!";
  return <Child text={message} />;
}

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

Для передачи данных между несвязанными компонентами часто используют контекст (React Context) или глобальное состояние (например, Redux).

Также можно передавать функции через props, чтобы дочерний компонент мог вызывать методы родителя и таким образом менять состояние или передавать данные обратно.

Каким образом осуществляется передача данных между компонентами в React?