美文网首页
状态管理之redux概念综述(未完待更)

状态管理之redux概念综述(未完待更)

作者: leonC走来 | 来源:发表于2018-12-28 12:45 被阅读0次

Redux

store

存储state,唯一store。
创建store
createStore([reducer], [preloadedState], applyMiddleware([middlewares]))

Provider

reducer

唯一可直接修改state的方式,为function,传入state,action,返回state一个新的对象

combineReducers

组合多个reducer

官方示例

rootReducer = combineReducers({potato: potatoReducer, tomato: >tomatoReducer})
// This would produce the following state object
{
 potato: {
   // ... potatoes, and other state managed by the potatoReducer ...
 },
 tomato: {
   // ... tomatoes, and other state managed by the tomatoReducer, maybe >some nice sauce? ...
 }
}

action

带有key为type的一个object,引入redux-thunk时可为function以处理异步逻辑。
通过dispatch([action])的方式,发起一个动作 => 中间件处理逻辑之后 => 调起reducer执行对应type的代码,返回新的state。

dispatch

发起一个动作,传入action,该方法由store提供。
store.dispatch

相关文章

  • 状态管理之redux概念综述(未完待更)

    Redux store 存储state,唯一store。创建storecreateStore([reducer],...

  • Redux状态管理与React-router

    Redux状态管理 概念:Redux是专注于状态管理的库 组成:store,state,action,reduce...

  • Redux

    Redux 专注于状态管理的库 Redux专注于状态管理和react解耦 单一状态,单向数据流 核心概念:stor...

  • Redux

    Redux状态管理 Redux 是 JavaScript 状态管理容器,提供可预测的状态管理。redux 可以让你...

  • 12.Redux概念及工作流程19-05-13

    1.Redux概念Redux最主要是用作应用状态的管理。简言之,Redux用一个单独的常量状态树(对象)保存这一整...

  • Vuex 2.0

    概念 Vuex 类似 Redux 的状态管理器,用来管理Vue的所有组件状态。 为什么使用Vuex? 当你打算开发...

  • React-Redux分析

    React-Redux分析 Redux,作为大型React应用状态管理最常用的工具,其概念理论和实践都是很值得我们...

  • Redux学习

    Redux概念:一个帮助我们管理State的容器,是javaScript的状态容器,提供了可预测的状态管理;red...

  • React实战之Redux

    Redux、React-Redux 简介 Redux 是 JavaScript 状态容器,提供可预测化的状态管理。...

  • redux 总结

    redux redux概念 Redux是JavaScript应用程序的可预测状态容器。 redux 设计思想 We...

网友评论

      本文标题:状态管理之redux概念综述(未完待更)

      本文链接:https://www.haomeiwen.com/subject/xheslqtx.html