How do I update state using hooks in React?

How do I update state using hooks in React?

You can use the useState hook to manage state in functional components. Would you like an example?

Yes, please provide an example of using useState.

Sure! Here's a simple example:

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

This code initializes a count state and updates it when the button is clicked.

What if I want to update the state based on the previous state?

You can pass a function to setCount that takes the previous state as an argument:

setCount(prevCount => prevCount + 1);

This ensures you're always working with the latest state.