reactjs - 离开页面时重置组件

Question

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

Answer 1

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