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>
);
}
***