React: старт

Урок 07 · 11 хв

Стан піднімають, children вставляють

Спільне для двох дітей — живе в батькові. Слот розмітки — children, а не копіпаста.

Два поля мають знати те саме query — state у батькові, униз props, угору колбек onQuery. Це lifting state up. children — те, що поклали між тегами: <Card>тіло</Card>. Так роблять обгортки, а не проп html.

Батько володіє даними
AI

Можна спитати про це правило«Не дублюй те саме у двох useState»

  • children може бути текстом, елементом, масивом. Це звичайний prop.
  • Колбек із батька називай за дією: onSave, а не set без контексту.
  • Композиція краща за наслідування класів: обгортка + children, а не extends Widget.
AI

Можна спитати про цей пункт«Суть уроку»

Перевірка

Закріпи, поки не пішов далі

  1. 1. Де зберігати state, потрібний двом сусідам?

  2. 2. children — це

  3. 3. Context варто брати, коли