What is the purpose of the `useState` hook in React?To handle HTTP requestsTo manage component state in functional componentsTo manage component state in class componentsTo handle events in ReactPrevious

The purpose of the useState hook in React is to manage component state in functional components. This hook makes it possible to have state variables in functional components. It is a part of the Hooks API introduced in React 16.8.

Here is a step by step explanation:

1. Import useState from React: import React, { useState } from 'react';

2. Inside your functional component, declare a new state variable by calling the useState Hook: const [myState, setMyState] = useState(initialState);

3. useState returns a pair: the current state value (myState) and a function that lets you update it (setMyState). You can call this function from an event handler or somewhere else.

4. When you want to update your state, you call setMyState with the new value. This will trigger a re-render of your component with the new state.

5. In the component's JSX, you can display the state value or use it in calculations.

Remember, unlike this.setState in class components, useState does not automatically merge update objects. You can replicate this behavior by combining the function updater form with object spread syntax:

setMyState(prevState => { ...prevState, ...updatedValues });