Reactjs Increment Counter Example Using Hooks (React 16.8)

Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class.

In the below Example, this new function useState is the first “Hook”.

import React, { useState } from 'react';

export default function Counter() {

    // Declare a new state variable, which we'll call "count"

    const [count, setCount] = useState(0);

    return (

        <div>

            <p>You clicked {count} times</p>

            <button onClick={() => setCount(count + 1)}>

                Click me

            </button>

        </div>

    );

}

The Result looks like,