Обложка канала

Frontender's notes

Годные заметки, новости, видео и интересные статьи для Frontend разработчиков.

Frontender's notes

5 лет назад
Открыть в
​​⚛️Как использовать события (events) в ReactJS.👨🏻‍💻
Для начала: Что такое Событие.
- Событие - это все, что происходит в браузере.
-Например:
1.Клики мышкой
2.Движение мышкой
3.Печать текста
4. Прокрутка страницы и так далее...

Синтаксис:
В React - e те же самые события, что и в HTML:
- click,
- change
- mouseover и т.д
Но в синтаксисе они разнятся.
- В React события пишутся в верблюжем регистре.(camelCase).
- B React Обработчики событий пишутся внутри фигурных скобок.

//Обработка события в HTML
<button onClick = "handleClick()">
Click
</button>

//Обработка события в React
<button onClick = {handleClick}>
Click
</button>

***
⚠️Чтобы передавать аргументы в обработчик используйте анонимные стрелочные функции.
function App(){
const handleClick = (message) => {
console.log(message);
}
return (
<div>
<button onClick = {()=>handleClick("Clicked")}>
Click
</button>
</div>
);
}
***