如何使用mobx-persist进行补液

Question

我是mobx-persist的新手。我无法弄清楚补液是如何在mobx-persist中起作用的。我尝试在github上询问它但到目前为止没有回复。我想知道这里是否有人能指出正确的方向。

我想解决的问题是防止丢失页面刷新时的反应状态。我想将统计信息保存在会话存储中，并在刷新页面时将其加载回来。 （注意：我设法直接从react商店访问会话存储，但我认为mobx-persist可以做得更好。）

我在这里创建了一个示例。 https://github.com/michaelsync/js-lab/tree/master/mobx-persist-sample。

您可以使用以下命令运行示例。

• 纱线安装
• 纱线开始

它有两个组件，分别称为“条目”页面和“结果”。用户可以在“输入”页面中输入内容，并在“结果”页面中显示该数据。有一个名为userDataStore的商店只有一个名为data的属性。

当您在输入页面中单击“单击我”时，您在文本框中键入的数据将保存在用户数据存储中。它从结果页面中检索数据。

问题在于，当我刷新页面时，我仍然失去了反应状态。我想这是因为我不明白补液是如何在mobx-persist中起作用的。

复制问题的步骤〜

1. 使用yarn start
运行程序
2. 在文本框中输入内容并单击“Click me”（它将重定向到结果页面）
3. 您将看到您在结果页面中输入的内容。
4. 刷新页面（按F5） - 数据将丢失。

有人可以帮我解决水合和补液需要做的步骤吗？

注意：我现在不想使用任何服务器端代码或同构渲染来同步状态。使用会话存储可能是反模式但我认为它适合我的小项目。

Answer 1

回购的所有者帮助我解决了这个问题。

以下是感兴趣的人的修正https://github.com/pinqy520/js-lab/commit/5c9ed64a8d7f24a0e6af9ba1f6d0f46ec29fa5ae。

我也在我的仓库中更新了代码。