react-redux 中store action reducer 和组件之间的交互关系理解

学习链接：https://www.jianshu.com/p/21960f78937d


1、props的一般三种来源，
1、在类中调用标签时，标签上的属性 属性值是当前类中的东西
2、标签内部包裹的childern 也是props  在标签那个组件内部是this.props.children
3、react中把路径后面拼接的字符串也认为是props的来源  以params为对象，router为key
  ex：  定义：<Route path='/Login(/:router)' component={Login}/>
获取： let params = this.props.params; let router = params.router;
2、redux 中的action 是什么东西？
1、首先需要了解H5中的action 是什么？包含两部分：一、普通点击action(就是改变颜色，弹个框或者跳转连接等等)
二、和数据打交道的实际action(比如保存数据，或者search查询，详情查询等)
2、react自身只是渲染ui的一个框架，本身不具备获取数据的能力，所以需要借助redux(包含stroe,action,reducer)
对于react-action 来说他承担的就是H5中实际操作action，由reducer处理数据
所以react中有两个action 概念，一个是广义的action，一个是react-action
但是广义的action包含普通点击和react-action.平时在react中说的action值得是react-redux-action
3、react-action的官方标准介绍：
an action must be a plain javascript object,and have a type property.
    an action may  have an error peoperty,have a payload property,have a meta property.
an action MUST NOT include properties other than type,payload,error and meta.
3、在node 中import * form 文件夹； 这种写法是node的特性，默认寻找该文件夹下的index.js / index.jsx文件




一、搭建项目参考的是react-comment-master项目。
1、将项目的package.json  webpack.config.js  webpack.production.config.js配置文件拷贝。
2、npm i
3、app/index.html 实现
4、app/index.jsx 实现[provider routeMap  store hashHistory]
5、store 文件[configureStore,createStore(rootReducer)]
6、reducers 文件 [combineReducer]
7、actions 文件 [文件类型 action对象就是包含有type字段的对象]