Nearby lessons
9 of 43⚡ ReactJS – Events & Event Handling
📌 What are Events?
Events are actions or occurrences that happen in the system (e.g., a mouse click, a key press). React allows us to handle these events in a declarative way, similar to HTML, but with a few differences.
📌 What is an Event?
- Events are actions or occurrences in the system.
- They allow code to respond when something happens.
- Most often, events are generated by the user of a website.
⚛️ React Events
- React can perform actions based on user events just like HTML DOM events.
- React has the same events as HTML:
click,change,mouseover, etc.
🔑 Adding Events in React
There are some key differences when adding events in React:
- React events are written in camelCase (e.g.,
onClickinstead ofonclick). - Event handlers are written inside curly braces
{}(e.g.,onClick={shoot}).
Example04
Loading editor…
📦 Passing Arguments to Event Handlers
You can pass arguments to event handlers using an arrow function.
Example05
Loading editor…
📥 Passing Props to Event Handlers
You can also pass arguments using props when rendering a component.
Example06
Loading editor…
🧠 Test Your Knowledge
4 QuestionsProgress: 0 / 4