• react项目执行流程


    基本概念:

      1.action是纯声明式的数据结构,只提供事件的所有要素,不提供逻辑,同时尽量减少在action 中传递的数据

      2.reducer是一个匹配函数,action的发送是全局的,所有的reducer都可以捕捉到并匹配与自己相关与否,相关就拿走action中的要素进行逻辑处理,修改store中的状态,不相关就不对state做处理原样返回。reducer里就是判断语句

      3.Store 就是把以上两个联系到一起的对象,Redux 应用只有一个单一的 store。当需要拆分数据处理逻辑时,你应该使用`reducer`组合 而不是创建多个store。

      4.Provider是一个普通组件,可以作为顶层app的分发点,它只需要store属性就可以了。它会将state分发给所有被connect的组件,不管它在哪里,被嵌套多少层

      5.connect一个科里化函数,意思是先接受两个参数(数据绑定mapStateToProps和事件绑定mapDispatchToProps)再接受一个参数(将要绑定的组件本身)。mapStateToProps:构建好Redux系统的时候,它会被自动初始化,但是你的React组件并不知道它的存在,因此你需要分拣出你需要的Redux状态,所以你需要绑定一个函数,它的参数是state,简单返回你需要的数据,组件里读取还是用this.props.*

      6.container只做component容器和props绑定,负责输入显示出来,component通过用户的要交互调用action这样就完整的流程就如此。

    执行流程:

      1、type:设定事件的所有类别。

      2、actions:事件预处理过程

      3、reducer:事件处理过程。

      4、store:统一管理应用的state,或者data。

      5、provider`:让所有connect 过的组件都能获取store的数据。

      6、改变state通过component的render更新界面

     github传送门:https://github.com/MenghuiLiu/react-crud

  • 相关阅读:
    linux系统sed命令输出匹配字符的行及其后若干行
    linux系统中统计每一行的字符数
    linux系统中sed复合命令
    [转载]J2EE程序员应该掌握的Linux系统的知识
    [转载]Linuz常用命令(1)
    [转载]J2EE程序员应该掌握的Linux系统的知识
    [转载]Linuz常用命令(1)
    [转载]Oracle常用函数大全
    [转载]Linuz常用命令(1)
    [转载]Linux常用命令(2)
  • 原文地址:https://www.cnblogs.com/20158424-hxlz/p/11521814.html
Copyright © 2020-2023  润新知