離開頁面時重置組件

Question

我在我的react/redux應用程序中有一個頁面，它有一個搜索字段，我可以根據輸入創建一個Ajax請求並在屏幕上顯示結果。問題是，只要我離開頁面並返回，它就會保留我提取的數據。每當您離開頁面時，傳統的重置組件的方式是什麼？我可能應該用componentWillUnmount函數做一些事情，但事情並不奏效。

Answer 1

您將該狀態存儲在redux存儲中。因此，行爲 - 當您在頁面之間導航時，商店中的數據仍然存在。在離開頁面導航時需要刪除它。這可以通過調用頁面組件的componentWillUnmount生命週期方法中的重置操作來完成。

Answer 2

您是否需要將提取的數據存儲在您的redux商店中？如果您每次訪問頁面時都要查找要加載的數據並在您離開時進行重置，那麼將數據存儲在組件狀態中可能更適合，因爲默認情況下會給您提供該行爲。