我指的是现有项目的代码,我被困在那里,我没有得到的代码的目的点。
我一直在使用终极版已启动,并直接找到像下面包含中间件代码。
const createStoreWithMiddleware = applyMiddleware(thunk)(createStore);
const reducer = combineReducers(reducers);
const store = createStoreWithMiddleware(reducer);
我没有得到这是什么代码做什么。请帮我了解这些三行代码做什么。
const createStoreWithMiddleware = applyMiddleware(thunk)(createStore);
该行创建了一个函数(createStoreWithMiddleware
)将采取的参数列表,并创建了一种应用thunk中间件存储对象。咚可以让你更容易地处理副作用逻辑。
const reducer = combineReducers(reducers);
此行是所有单独的减速组合成一个完整的减速。这意味着只要一个动作被分派,它在你的项目发送给所有的减速器。
const store = createStoreWithMiddleware(reducer);
该生产线使用减速机从以前的行创建您的商店,使应用thunk
中间件。
该applyMiddleware功能只是延长Redux的自定义功能的方式。在你的情况,你所使用的thunk是通过调度功能反转控制自己的行为方式。您也可以将更多的功能,记录器是一个有用的一个。
第二行combineReducers你只是在结合您的实现中定义的所有的减速。既然你可以让他们多,它可以让你保存状态在同一家商店。
第三行你只是创建一个与减速器结合和您以前定义的自定义功能的商店。
你可以阅读更多关于applyMiddleware这里:https://redux.js.org/api/applymiddleware