当前位置 : 主页 > 网页制作 > React >

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

来源:互联网 收集:自由互联 发布时间:2021-06-15
我们知道提供商会将存储在商店中的所有数据提供给我们的应用程序,但我想知道内存,因为在创建商店我们正在保存我们应用程序的所有数据.现在,如果我的应用程序有多个包含大量数据
我们知道提供商会将存储在商店中的所有数据提供给我们的应用程序,但我想知道内存,因为在创建商店我们正在保存我们应用程序的所有数据.现在,如果我的应用程序有多个包含大量数据的页面,则所有数据都将存储,在这种情况下存在内存泄漏的风险.那么我们如何动态地清除和存储react-redux中的数据以克服这种内存泄漏.

我在create store中保存数据为:

>首先,我有一个包含所有数据的减速器.

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

>在Create store中,我传递了这个reducer.

const store = createStore(
  makeRootReducer(),
  initialState,

  composeEnhancers(
    applyMiddleware(...middleware),
    ...enhancers
  )
)

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

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

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

想想它就像你只需要在商店中存储用户需要导航的数据以及他想要看到的内容而已.

希望能帮助到你

网友评论