React-Redux （初探）

一、准备工作

      1）  源码下载地址: https://github.com/reactjs/redux/tree/master/examples
      2）  下载sublime:打开couter文件夹

     3）  运行项目

         3-1 : cd /d 项目文件目录

         3-2: cnpm install 或者 npm install

       


3-3: npm start 

     


3-4 运行效果

  


4、  项目结构





二、Redux原理图

       




 示例：

    1)      定义Actions 类型TEST_COUTER

  

 

2）Reducers处理{type: TEST_COUTER}函数

   


3）将reduces加载到容器store 里中

  


4）  将actions行为注入到contrainer(component)组件上

 


  


   5）  在组件中调用

    

  






总结

1）  redux- dispater

         根据action执行执行reducer里面的函数

  

1）  redux-connect

         action行为注入到组件props,

         这样component拥有了reducer里面的行为组件

 

2）  redux-combineReducers

        将reducer中的函数添加容器里面