时间戳

首页 > 解决方案 > 从主存储中排除 redux-form reducer

redux - 从主存储中排除 redux-form reducer

问题描述

import { combineReducers } from 'redux'
import { reducer as form } from 'redux-form'

combineReducers({
 router: connectRouter(history),
 form,
 ....
 // huge amount of other reducers
})

上面你可以看到reducers合二为一store。它变得越大越慢，因为在每个动作上它应该像开始时那样进行更多的检查。正如你也可以看到我redux-form用于处理state我的表单。redux-form当我输入字段时，它开始变得越来越慢。我想知道是否有任何方法可以为redux-form. 或者这个问题是否存在其他解决方案？

标签： reduxstoreredux-form

解决方案

使用redux您可以拥有多个商店。
redux-form正在使用connectAPI fromreact-redux从商店获取信息。

使用 React Redux，由 connect() 函数生成的包装类实际上会查找 props.store（如果存在），但最好将根组件包装进去，让 React Redux 担心将存储向下传递。这样组件就不必担心导入 store 模块，并且隔离 Redux 应用程序或启用服务器渲染在以后更容易做到。

https://redux.js.org/faq/store-setup#can-or-should-i-create-multiple-stores-can-i-import-my-store-directly-and-use-it-in-组件-我自己

我是redux-form合作者。

推荐阅读