Ak rodičovský komponent odovzdá nový zoznam ako props, uvidíš nové údaje na obrazovke alebo staré? Prečo?

Ak rodičovská komponenta odovzdá nový poľ v props, nové údaje sa zobrazia v detskom komponente. To je spôsobené tým, že React porovnáva props podľa referencie. Pri odovzdaní nového poľa sa referencia zmení, a React tak pochopí, že props boli aktualizované, a znovu vykreslí komponent s novými hodnotami.

Príklad:

function Parent() {
  const [items, setItems] = React.useState([1, 2, 3]);

  // Vytvorenie nového poľa pri aktualizácii
  const updateItems = () => setItems([4, 5, 6]);

  return <Child data={items} />;
}

function Child({ data }) {
  return <div>{data.join(", ")}</div>;
}

Po zavolaní updateItems v Parent sa v Child zobrazia nové údaje.