离开页面时重置组件

Question

我的react / redux应用程序中有一个页面，它有一个搜索字段，我可以根据输入发出一个ajax请求，并在屏幕上显示结果。问题是，每当我离开页面并返回时，它都会保留我提取的数据。每当您离开页面时，什么是重置组件的传统方法？我应该用componentWillUnmount函数做一些事情，但事情并不常用。

Answer 1

您将状态存储在redux存储中。因此行为 - 当您在页面之间导航时，数据仍然存储在商店中。需要在离开页面时删除它。这可以通过从页面组件的componentWillUnmount生命周期方法调度重置操作来完成。

Answer 2

您是否需要将获取的数据存储在redux商店中？如果您每次进入页面时都要查找要加载的数据，并且每次离开时都要重置，只需将数据存储在组件状态可能更合适，因为默认情况下它会为您提供该行为。