如何使用 react-router、浏览器历史记录存储页面 session？

Question

我正在创建一个简单的 toDo 应用程序，其中有 3 个链接可供导航。 我试图存储当前页面数据，无论我导航到哪个页面，如果我最终返回，不会丢失当前页面数据。 例如，我在任务选项卡中有 3 个复选框项目。 如果我稍后导航到提醒选项卡和 go 回到任务选项卡，我希望相同的 3 个复选框和数据仍然存在。 但问题是当我导航回当前页面时页面数据被删除。 我正在使用 react-router 来执行此操作，其他人提到使用浏览器历史记录 API，但我不确定如何处理这个？ 每当数据随浏览器历史记录发生变化时，我是否必须跟踪当前选项卡中的变化并将 location.state 作为 react-router、Route 中的道具传递？

Answer 1

您有多种选择可以做到这一点，它们是：

• 您可以将数据保存到本地存储，然后再显示
• 您可以使用 ContextAPI
• 您可以使用 Redux 来存储数据并在以后重复使用

当您正在开发待办事项应用程序时，如果您想使用 React 功能而不是本地存储，那么 go 用于ContextAPI ，因为它是简单的待办事项应用程序，并且不需要 redux。