Mindkettő olyan adatokat tárol, amelyek befolyásolják, hogy egy komponens mit renderel, de kinek tartozik az adat és módosítható-e tekintetében eltérnek egymástól.
Mindkettő olyan adatokat tárol, amelyek befolyásolják, hogy egy komponens mit renderel, de kinek tartozik az adat és módosítható-e tekintetében eltérnek egymástól.
// `step` is a PROP — given by the parent, the child only reads it.
// `count` is STATE — owned here, changes on click, causes a re-render.
function Counter({ step }) {
const [count, setCount] = useState(0);
return (
<button onClick={() => setCount(count + step)}>
{count}
</button>
);
}
// Parent decides the step and passes it down:
<Counter step={5} />
Az adat lefelé folyik (szülő → gyermek props-on keresztül) és a módosítások felfelé folynak (a gyermek arra kéri a szülőt, hogy valamit módosítson egy callback prop-on keresztül, például onChange). Ez az egyirányú áramlás az, ami a React alkalmazásokat előre jelezhetővé teszi.
props.x = 1) hiba — a React nem fog újrarenderelni, és az anyakomponens tulajdonjogát megtörted. A "prop módosításához" hívd meg az onChange callback-et, amit az anyakomponens adott neked, hogy az anyakomponens frissítse a saját state-jét és új értéket adjon lefelé.IT interjúkérdések gyűjteménye részletes válaszokkal — Juniortól Seniorig.
Adományozás