What are some examples of React hooks?

What are some examples of React hooks?

React hooks are functions that let you use state and other React features without writing a class. Some common examples include useState, useEffect, and useContext.

Can you explain how useState works?

Sure! useState is a hook that allows you to add state to your functional components. You call it with the initial state and it returns an array with the current state and a function to update it.

What about useEffect? How is it different?

useEffect is a hook that lets you perform side effects in your components, like fetching data or directly interacting with the DOM. It runs after the render and can be controlled with dependencies.

Can you give me a simple code example using both hooks?

Absolutely! Here's a simple example:

import React, { useState, useEffect } from 'react';

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

  useEffect(() => {
    document.title = `Count: ${count}`;
  }, [count]);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>Click me</button>
    </div>
  );
}