reactjs - 如何在react-redux中进行内存管理？

Question

众所周知，提供商会将存储中存储的所有数据提供给我们的应用程序，但我想知道内存的情况，因为在创建存储中我们正在保存应用程序的所有数据。现在，如果我的应用程序有多个包含大量数据的页面，那么所有数据都将被存储，在这种情况下存在内存泄漏的风险。那么我们如何动态地清除并存储react-redux中的数据来克服这种内存泄漏。

我在创建商店中将数据保存为:

1. 首先，我有一个包含所有数据的 reducer 。

   export const makeRootReducer = (asyncReducers) => {
     return combineReducers({
       location: locationReducer,
       req:allReducers,
       user: home,
       ...asyncReducers
     })
   }
   

2. 在创建商店中，我传递了这个 reducer 。

   const store = createStore(
     makeRootReducer(),
     initialState,
   
     composeEnhancers(
       applyMiddleware(...middleware),
       ...enhancers
     )
   )
   

请建议我如何避免内存泄漏？

Answer 1

存储区仅保存您将呈现并呈现给用户的数据或某些用户输入。您不必将所有数据存储在商店中，也不应该这样做。

如果你的数据很大，你必须通过分派(dispatch)一些操作来分割它并加载它，这些操作将使用一些第三方模块(如 redux-thunk 或 saga)来处理异步调用示例:(http 请求或流的套接字)。

想象一下，您只需将用户需要导航的数据以及他想要查看的数据放入商店，仅此而已。

希望对你有帮助