end video

Този урок е достъпен само в платената версия на курса.

Вземи достъп до всички уроци 💫 цена: 180лв.

Ако вече имаш регистриран профил натисни тук.

§ Прихващане на събития

В това видео ще разгледаме как да прихващаме събития в React.js. Ще видим как да използваме onClick, onChange и други.

Една от ключовите части на съвременното уеб приложение е възможността за приемане на входни данни от потребителя. В React.js обаче подходът към управлението на събития е малко различен от този във ванила JavaScript.

Вместо да закачаме EventHandlers към конкретни DOM елементи, в React.js можем да използваме атрибут и да подадем функция.

Често срещана техника е да подаваме EventHandlers като props на компоненти, което позволява многократното им използване в приложението.

Важно е да се отбележи, че в React.js са налични и функционалности като Event Propagation и Prevent Default, които са от основно значение за уеб приложенията. С помощта им можем да спрем пътуването на събитията нагоре по DOM дървото или да спрем действието по подразбиране.

В случаите, когато работим със форма, е важно да запазим контрола върху действията на формата, като използваме методи като PreventDefault, което ще спре автоматичното презареждане на страницата след изпращане на формата.

questionnaire

Практика

Практиката е най-бързия начин да усвоиш знания трайно. Подготвил съм ти малка задача свързана с урока.

Практика
discussion

Материали

Материали свързани с урока:
Файлове към урока
Работа със събития в React (официална документация)

Материали

Следва: Какво са хуковете (hooks) в React.js?(09:17)

Към урока →