条带重定向到我的 SPA 丢失所有状态

Stripe redirect to my SPA loses all state

提交 Stripe 付款表格(托管在他们的服务器上)后,启动它的 React SPA 发生了重定向。它重新加载整个 SPA,丢失所有状态。我正在使用 React Router,我设置的 return 地址是一个特定的路由。如何防止它丢失所有状态?

单击表单中的“取消”或单击“后退”按钮时,会出现同样的问题。

当然,我可以在启动支付页面之前将状态存储在服务器上,然后再检索它,但这需要很多额外的工作。

我认为这一定是 SPA 的常见问题,但我还没有找到简单的解决方案。

如果你的状态只存在于记忆中,我希望它会丢失。要保留它,您需要将其保存在某处,以便在用户返回您的站点时重新加载。本地存储是一个不错的选择。

如果您使用 redux 进行状态管理,例如,您可以使用 redux-persist 在本地存储中保存和加载 redux 存储。

https://www.npmjs.com/package/redux-persist