首页 > 解决方案 > react native和redux的以下代码是什么意思

问题描述

我指的是现有项目的代码,我被困在我没有得到代码目的的地方。

我目前已经开始使用 redux,并且直接找到了如下包含中间件的代码。

const createStoreWithMiddleware = applyMiddleware(thunk)(createStore);
const reducer = combineReducers(reducers);
const store = createStoreWithMiddleware(reducer);

我没有得到这段代码在做什么。请帮助我理解这三行代码在做什么。

标签: react-nativereduxmiddlewareredux-thunkreducers

解决方案


const createStoreWithMiddleware = applyMiddleware(thunk)(createStore);

这一行创建了一个函数 ( createStoreWithMiddleware),它将接受一个参数列表并创建一个应用thunk中间件的存储对象。Thunk 允许您更轻松地处理副作用逻辑。

const reducer = combineReducers(reducers);

这条生产线将所有单独的减速器组合成一个完整的减速器。这意味着无论何时调度一个动作,它都会被发送到您项目中的所有减速器。

const store = createStoreWithMiddleware(reducer);

此行使用上一行中的 reducer 创建您的商店,以便thunk应用中间件。


推荐阅读