React、Redux、React-Redux的一些理解

• React是什么
• React的一些特性说明
• Redux是什么
• Redux的一些特性说明
• React-Redux是什么
• React-Redxu的一些特性说明

---

React是什么

解决View层问题

React的一些特性说明

单向数据流
-组件内部通过state自行管理状态
-父组件传递数据到子组件：通过props将属性分发至子组件来传递数据
-同级组件传递数据：将组件的state提升至共有的父组件中管理，再作为props分发至子组件来传递数据
-子组件传递数据至父组件：父组件提前申明好函数或方法作为契约描述自己的 state将如何变化，再将它同样作为属性交给子组件使用，这样自组件出发回调函数就可以将数据传递到父组件

Redux是什么

应用数据流框架，主要用作应用状态的管理

Redux的一些特性说明

action：回调通知state如何变化（等同于回调函数）
reducer：根据回调进行处理改变state（等同于父组件中申明子组件触发回调后的处理函数）
store：整个应用的总状态

React-Redux是什么

将Redux进行封装以更方便React应用使用Redux来管理应用的状态

React-Redux的一些特性说明

提供了一个Provider和connect -Provider是一个普通组件，可以作为顶层app的分发点，它只需要store属性就行了，它会将state分发给所有connect的组件，不管它在哪里，被嵌套了多少层 -connect是重点，它是一个科里化函数，意思是先接受两个参数（数据绑定mapStateToProps和事件绑定mapDispatchToProps），再接受一个参数（将要绑定的组件本身）：mapStateToProps在构建好Redux的时候就会被初始化，但是你的React组件并不知道它的存在，因此你需要分拣出你需要的Redux状态，所以你需要绑定一个函数，它的参数是state，简单返回你关心的几个值。mapDispatchToProps申明好的action作为回调