Паттерн "поднятие состояния" (lifting state up) в React используется для совместного использования состояния между несколькими компонентами. Вместо того чтобы каждый компонент имел своё локальное состояние, общее состояние поднимается в ближайший общий родительский компонент. Это позволяет синхронизировать данные и управлять ими централизованно.

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

Пример:

function Parent() {
  const [value, setValue] = React.useState('');

  return (
    <>
      <Input value={value} onChange={e => setValue(e.target.value)} />
      <Display value={value} />
    </>
  );
}

function Input({ value, onChange }) {
  return <input value={value} onChange={onChange} />;
}

function Display({ value }) {
  return <p>{value}</p>;
}

Такой подход упрощает управление состоянием и предотвращает рассинхронизацию данных между компонентами.

Расскажи про паттерн поднятия состояния (lifting state up) в React