Урок 04 · 10 хв

Події й форма без перезавантаження

onClick отримує функцію. У форми preventDefault, інакше сторінка спалахне заново.

У JSX обробник — властивість з великої літери: onClick, onChange, onSubmit. Значення — функція, а не рядок. Браузер однаково надсилає об'єкт події. Форма з onSubmit без event.preventDefault() зробить GET на поточний URL, і ти втратиш state.

Форма не перезавантажує сторінку

Можна спитати про це правило«Не викликай обробник у JSX»

onChange в input дає event.target.value — рядок, навіть якщо вводиш число.
Події спливають. event.stopPropagation() ріже спливання, коли воно справді заважає.
Клавіатура: onKeyDown. Enter у полі часто краще ловити через submit форми, а не кожен keydown.

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

Перевірка

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

1. onClick={save()} що зробить?
2. Навіщо preventDefault на submit?
3. Кнопка у формі без type за замовчуванням