React-redux学习简述

来源:互联网 发布:风火轮编程 编辑:程序博客网 时间:2024/06/08 09:36

react-redux简述

  • React-redux:是在React中使用redux,在react-redux的组件中,分为UI组件和容器类组件
  • UI组件:负责页面UI的呈现,不使用任何Redux的API;
  • 容器组件: 负责管理数据和逻辑,使用redux的API;
  • React’-redux提供了connect()方法,用于从UI组件生成容器组件。为了完成业务,需要给出下面两方面的信息:

    1. 输入逻辑:外部的数据(即state对象)如何转换为 UI 组件的参数
    2. 输出逻辑:用户发出的动作如何变为 Action 对象,从 UI 组件传出去。
  • mapStateToProps()函数,建立一个从外部state对象到UI组件的props对象的映射关系,返回键值对的对象。

  • 总结
    还有部分省略的React-redux的API。初步了解了Redux与React-redux的区别。
原创粉丝点击