16. Na czym polega podnoszenie stanu w React?

Podnoszenie stanu (state lifting) w React polega na przeniesieniu stanu do najbliższego wspólnego przodka dwóch lub więcej komponentów, które muszą dzielić ten stan. Umożliwia to współdzielenie stanu między komponentami w sposób bardziej zorganizowany.

Przykład podnoszenia stanu: Załóżmy, że mamy dwa komponenty potomne, które muszą dzielić ten sam stan.

function ParentComponent() {
  const [sharedState, setSharedState] = useState('');

  return (
    <div>
      <ChildComponentA sharedState={sharedState} setSharedState={setSharedState} />
      <ChildComponentB sharedState={sharedState} />
    </div>
  );
}

function ChildComponentA({ sharedState, setSharedState}) {
  return (
    <input type="text" value={sharedState} onChange={(e) => setSharedState(e.target.value)} />
  );
}

function ChildComponentB({ sharedState }) {
  return (
    <p>{sharedState}</p>
  );
}

W tym przykładzie stan sharedState został podniesiony do ParentComponent, co umożliwia jego współdzielenie między ChildComponentA i ChildComponentB.