Този урок е достъпен само в платената версия на курса.
Вземи достъп до всички уроци 💫 цена: 180лв.
Основи на React.js
В това видео ще разгледаме как да прихващаме събития в React.js. Ще видим как да използваме onClick, onChange и други.
Една от ключовите части на съвременното уеб приложение е възможността за приемане на входни данни от потребителя. В React.js обаче подходът към управлението на събития е малко различен от този във ванила JavaScript.
Вместо да закачаме EventHandlers
към конкретни DOM елементи, в React.js можем да използваме атрибут и да подадем функция.
Често срещана техника е да подаваме EventHandlers
като props
на компоненти, което позволява многократното им използване в приложението.
Важно е да се отбележи, че в React.js са налични и функционалности като Event Propagation
и Prevent Default
, които са от основно значение за уеб приложенията. С помощта им можем да спрем пътуването на събитията нагоре по DOM дървото или да спрем действието по подразбиране.
В случаите, когато работим със форма, е важно да запазим контрола върху действията на формата, като използваме методи като PreventDefault
, което ще спре автоматичното презареждане на страницата след изпращане на формата.
Практиката е най-бързия начин да усвоиш знания трайно. Подготвил съм ти малка задача свързана с урока.
Материали свързани с урока:
→ Файлове към урока
→ Работа със събития в React (официална документация)