Vorbește despre pattern-ul de ridicare a stării (lifting state up) în React

Modelul de "ridicare a stării" (lifting state up) în React este utilizat pentru partajarea stării între mai multe componente. În loc ca fiecare componentă să aibă propria stare locală, starea comună este ridicată la cel mai apropiat component părinte comun. Acest lucru permite sincronizarea și gestionarea centralizată a datelor.

De exemplu, dacă două componente copil trebuie să lucreze cu aceeași valoare, starea este stocată în părinte, iar componentele copil o primesc prin props și pot apela funcții pentru actualizarea stării.

Exemplu:

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>;
}

Această abordare simplifică gestionarea stării și previne desincronizarea datelor între componente.