React JS Tutorial For Beginners : Part 17 Event Handling In Functional Components

React JS is an open source JavaScript library used to build user interfaces.
It handles the view layer of our application.
React allows us to create large web applications that can change data without reloading the webpage.
React is created and maintained by Facebook and uses a special syntax called as JSX which allows you to mix HTML with JS.
React is in demand as a skill required by a lot of tech companies.

[Ali_h]

Finally someone who explains React in a simple and indepth fashion, thank you for the content!

[manugentoodrums]

17th episode from 0 knowledge. Bro you killed it super simple and easy to learn.Not complex and well explained!

[cindykandie]

Thanks for explaining everything so well. You are a blessing. I wish you were still putting out content

[nwekegodswill]

Sincerely sir, your teaching is the best. Please can you also make a tutorial on react native

[CrisReyes-hwdy]

import { useState } from "react";


function EventHandler() {
let [count, setCount] = useState(0);

function increment() {
setCount(count + 1);
}

function decrement() {
if (count > 0) {
setCount(count - 1)
}
}

function clear() {
setCount(count = 0)

}



return (
<div className="example">
<h1>People Counter</h1>
<p>Count: {count} </p>
<h1 className="h1-tag">Total People entered: {count}</h1>
<button className="btn1"
<button className="btn1"
<button className="btn1"
</div>
)

}

export default EventHandler;

[vishalupadhayay]

If you are getting error while using above code you can try using arrow function as follows. <button world')}}>Click Here</button>