zoukankan      html  css  js  c++  java
  • redux-总结

    核心概念:
    1.整个应用的 state 被储存在一棵 object tree 中,并且这个 object tree 只存在于唯一一个 store 中
    2.唯一改变 state 的方法就是触发 action,action 是一个用于描述已发生事件的普通对象
    3.使用纯函数来执行修改。为了描述 action 如何改变 state tree ,你需要编写 reducers

    那么问题来了,action是怎么和store联系起来的呢?
    核心中的核心: 每当 dispatch action 时,store 的 state 会被立即更新,关键字,dispatch。

    那他是怎么更新的呢?
    store 里面使用 createStore(reducer), 参数render为 根据具不用action 返回不同的state的 reducer的函数,

    connect是连接组件和store的功能,两个参数,都是函数
    第一个参数 mapStateToProps 允许我们将store的数据以props 绑定到组件,这个利于组件获取最小属性,而不是获取全部store里面的数据, 参数是store里面的数据state

    第二个参数 mapDispatchToProps 参数是 dispatch,将 action 作为 props 绑定到组件上。关键字,action

    首先connect之所以会成功,是因为Provider组件:
    在原应用组件上包裹一层,使原来整个应用成为Provider的子组件
    接收Redux的store作为props,通过context对象传递给子孙组件上的connect

    redux-soga其实就是能触发dispatch action 的独立进程,其实redux-thunk 集合 async await 已经足够

  • 相关阅读:
    探索式测试实践之路
    管理是什么?真正的管理者是,“管”+“理”!
    JavaScript中的函数式编程
    node js的终端中 console.log 嵌套对象会被折叠的问题
    apt-get install的默认安装路径
    nodejs 事件循环 试题思考
    仅20行的JavaScript模板引擎
    js 驼峰命名转烤串
    git reset 进阶
    linux 拷贝文本到剪切板
  • 原文地址:https://www.cnblogs.com/web-zxq/p/11530705.html
Copyright © 2011-2022 走看看