Fatal编程技术网
  • react-native/
  • React native 以下react native和redux代码的含义是什么

React native 以下react native和redux代码的含义是什么

react-native redux

React native 以下react native和redux代码的含义是什么,react-native,redux,middleware,redux-thunk,reducers,React Native,Redux,Middleware,Redux Thunk,Reducers,我指的是一个现有项目的代码，我被困在无法理解代码目的的地方 我目前已经开始使用redux，并直接找到了如下包含中间件的代码 const createStoreWithMiddleware = applyMiddleware(thunk)(createStore); const reducer = combineReducers(reducers); const store = createStoreWithMiddleware(reducer); 我不明白这个代码在做什么。请帮助我理解这三行代

我指的是一个现有项目的代码，我被困在无法理解代码目的的地方

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

const createStoreWithMiddleware = applyMiddleware(thunk)(createStore);
const reducer = combineReducers(reducers);
const store = createStoreWithMiddleware(reducer);
我不明白这个代码在做什么。请帮助我理解这三行代码的作用。

const createStoreWithMiddleware=applyMiddleware（thunk）（createStore）

此行创建一个函数（
createStoreWithMiddleware
），该函数将获取参数列表并创建一个应用中间件的store对象。Thunk允许您更轻松地处理副作用逻辑

常数减速机=组合减速机（减速机）

这条生产线将所有单独的减速器组合成一个完整的减速器。这意味着，无论何时调度操作，都会将其发送到项目中的所有还原程序


conststore=createStoreWithMiddleware（reducer）


这一行使用上一行的reducer创建您的商店，以便应用
thunk
中间件。
applyMiddleware功能只是一种通过自定义功能扩展redux的方法。在您的情况下，您正在使用thunk，这是一种通过调度函数将控制权反转到您的操作的方法。您还可以组合更多功能，logger是一个有用的功能

第二行combineReducers您只是合并了在实现中定义的所有reducer。由于可以有多个状态，因此可以将状态存储在同一个存储中

第三行，您刚刚创建了一个存储，其中包含合并的还原器和您之前定义的自定义功能

您可以在此处阅读有关applyMiddleware的更多信息：