React

5 вопросов на собеседовании React разработчика:

1. Что такое React?

2. Назовите основные особенности React

3. Что такое JSX?

4. В чем разница между элементом и компонентом?

5. Как в React создаются компоненты?

Как использовать события (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>

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