How can I use local storage in a React application?

How can I use local storage in a React application?

You can use the localStorage API to store data in a React app. Would you like a code example?

Yes, please provide a code example.

Sure! Here's a simple example:

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

const App = () => {
  const [name, setName] = useState('');

  useEffect(() => {
    const storedName = localStorage.getItem('name');
    if (storedName) {
      setName(storedName);
    }
  }, []);

  const handleChange = (e) => {
    setName(e.target.value);
    localStorage.setItem('name', e.target.value);
  };

  return (
    <div>
      <input type='text' value={name} onChange={handleChange} />
      <p>Your name is: {name}</p>
    </div>
  );
};

export default App;

What happens if I clear the local storage?

If you clear the local storage, all the data stored in it will be removed, and your app will lose that data.