【React】页面刷新后状态丢失的原因与解决方案
在 React 应用中，页面刷新后状态丢失是一个常见的问题。这主要是因为 React 的状态（state）是存储在内存中的，而页面刷新会导致内存被清空，从而导致状态丢失。以下是常见的原因及对应的解决方案。
一、状态丢失的原因
1. React 的状态存储在内存中
React 的状态（通过 useState 或 this.state）默认存储在内存中，页面刷新会重新加载应用，导致状态被重置。
示例：
import React, { useState } from 'react';
const Counter = () => {
const [count, setCount] = useState(0);
return (
<div>
<p>Count: {count}</p>
<button onClick={() => setCount(count + 1)}>Increase</button>
</div>