How do I manage local state in a React application?

How do I manage local state in a React application?

You can manage local state in a React application using the useState hook. It allows you to add state to functional components.

Can you show me a simple example of using useState?

Sure! Here's a basic 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>
  );
}

What if I need to manage more complex state?

For more complex state management, you might consider using the useReducer hook or a state management library like Redux.

When should I use useReducer instead of useState?

Use useReducer when you have complex state logic that involves multiple sub-values or when the next state depends on the previous one.