react keep state on refresh

Die Narzisse answered on August 7, 2023 Popularity 7/10 Helpfulness 2/10

answer react keep state on refresh

react keep state on refresh

Comment

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

const App = () => {
  const [count, setCount] = useState(0);

  useEffect(() => {
    // Get the stored count from localStorage when the component mounts
    const storedCount = localStorage.getItem('count');
    if (storedCount) {
      setCount(parseInt(storedCount, 10));
    }
  }, []);

  useEffect(() => {
    // Update localStorage whenever the count state changes
    localStorage.setItem('count', count.toString());
  }, [count]);

  const handleIncrement = () => {
    setCount(count + 1);
  };

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={handleIncrement}>Increment</button>
    </div>
  );
};

export default App;

Popularity 7/10 Helpfulness 2/10 Language javascript

Source: chat.openai.com

Tags: javascript refresh state

Link to this answer
Share Copy Link

Contributed on Aug 07 2023

Die Narzisse

0 Answers Avg Quality 2/10

react keep state on refresh

Contents

More Related Answers

react keep state on refresh

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.