Урок 02 · 11 хв

Props і state

Згори приходять props. Своє, що змінюється, — state. Не плутай.

Props — аргументи компонента. Батько передав name, ти його читаєш і малюєш. Змінювати props усередині не можна: дані течуть униз. Якщо треба запам'ятати клік, поле введення, чи відкрита шторка — це useState.

Лічильник

Можна спитати про це правило«Не пиши в змінну — клич setState»

Props змінює батько. State — сам компонент.
Після setN функція компонента викличеться знову з новим n.
Не клади в state те, що можна порахувати з props: fullName з first і last рахується на льоту.

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

Перевірка

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

1. Чому count++ в обробнику не оновить екран?
2. Чи можна всередині дитини зробити props.title = "x"?
3. Коли писати setN((x) => x + 1) замість setN(n + 1)?