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：定义：<Routepath='/Login(/:router)'component={Login}/>

获取：letparams=this.props.params;letrouter=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的官方标准介绍：

anactionmustbeaplainjavascriptobject,andhaveatypeproperty.

anactionmayhaveanerrorpeoperty,haveapayloadproperty,haveametaproperty.

anactionMUSTNOTincludepropertiesotherthantype,payload,errorandmeta.

3、在node中import*form文件夹；这种写法是node的特性，默认寻找该文件夹下的index.js/index.jsx文件

一、搭建项目参考的是react-comment-master项目。

1、将项目的package.jsonwebpack.config.jswebpack.production.config.js配置文件拷贝。

2、npmi

3、app/index.html实现

4、app/index.jsx实现[providerrouteMapstorehashHistory]

5、store文件[configureStore,createStore(rootReducer)]

6、reducers文件[combineReducer]

7、actions文件[文件类型action对象就是包含有type字段的对象]