如何在 React 应用程序中的 ReactDOM.render 之前初始化 LocalStorage 中的数据

Question

我使用 redux 作为我的 state 管理系统并将我的身份验证令牌存储在 LocalStorage 中。 每当我登录并重新加载我的页面时，它都会在注销 state 之间闪烁，然后返回登录页面。 如何从 LocalStorage 初始化数据并在数据到来后进行渲染？

Answer 1

一种方法是存储在 localStorage 中，然后在加载组件时直接从 state 初始化中获取。 考虑您的顶级组件 state，您可以执行以下操作：

const [user, setUser] = useState(JSON.parse(localStorage.getItem('user')))

这就是我克服应用程序闪烁的方法。 如果您立即抓住它而不是在useEffect或组件安装时，它应该可以工作