反应路由和恢复状态

Question

我可以在React，Redux和路由上使用一些建议。我一直在玩react-router-redux和redux-little-router。似乎都没有为恢复路线状态提供开箱即用的解决方案。我将解释：

假设我有一个包含产品页面的应用。产品页面显示相关产品。用户可以单击相关产品并查看其产品页面。从该产品页面，他们可以点击其他相关产品等。

我最终得到的是一堆页面被推到了路线上＃34;堆栈＆＃34;，所有页面都有相同的路径。当用户点击回来时，我需要遍历产品页面，每个产品页面都恢复了相应的状态。

我的问题是：我在哪里存储每个产品页面的状态位。我无法看到主要框架如何为此提供机制。我必须自己写吗？

Answer 1

您不应尝试存储任何堆栈/历史记录。您应该存储所需的数据以在URL中显示页面，例如产品ID。在您的路线或组件中，您应该从AJAX加载适当的数据，并根据URL中的ID进行存储。

您可以在onEnter callback：https://stackoverflow.com/a/32922945/743464

中获取数据

或者您可以使用async-props或redux-async-connect这样的库来获取数据，这些数据将在您的组件安装以响应路由更改时调用。