Hooks in React Js

 Hooks in React Js

React Hooks are a new addition to the React library that allows you to use state and other React features without writing a class. Here's an example of how to use the useState hook in a functional component:

jsx

import React, { useState } from 'react';

function Counter() {

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

  return (

    <div>

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

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

    </div>

  );

}

ReactDOM.render(<Counter />, document.getElementById('root'));

In this example, the useState hook is used to declare a state variable called count and a function called setCount that updates the state variable. The initial value of count is set to 0.

The Counter component renders a paragraph that displays the value of count and a button that calls the setCount function when clicked.