How do I use built-in hooks in React?

How do I use built-in hooks in React?

Built-in hooks in React, like useState and useEffect, allow you to manage state and side effects in functional components.

Can you give me 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 creates a counter that increments when you click the button.

What about useEffect? How does it work?

The useEffect hook lets you perform side effects in your components. For example:

import React, { useEffect } from 'react';

function Example() {
  useEffect(() => {
    document.title = 'Hello, World!';
  }, []);

  return <div>Check the document title!</div>;
}

This sets the document title when the component mounts.