博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于React-redux的Provider, connect的解析
阅读量:5952 次
发布时间:2019-06-19

本文共 864 字,大约阅读时间需要 2 分钟。

react-redux的实现原理: Redux作为一个通用的模块,主要还是用来应用项目中state的变更,通过react-redux做连接,可以在React+Redux的项目中将两者结合的更好。

React-redux是一个轻量级的封装库,主要有两个核心方法实现:

Provider

Provider是react-redux给react提供的一个组件,从外部封装了整个应用,并向connect模块传递store

import { Provider } from 'react-redux';class APP extents React.component {   render (       return (           
) );}export default APP;

CONNECT

connect是react-redux提供的第二个核心API,即让本组件与store做连接,映射到props当中;

1、包装原组件,将state和action通过props的方式传入到原组件内部2、监听store变化,使其包装的原组件可相应state变化。
import { connect } from 'react-redux';class Detail extends React.Component {    }const mapStateToProps = (state) => ({    });const mapDispatchToProps= (dispatch) => ({    });export default connect(mapStateToProps, mapDispatchToProps)(Detail);

上述便是react-redux两个核心API的用法啦。如有不对,还请指正。

大家加油!!!

转载地址:http://fnoxx.baihongyu.com/

你可能感兴趣的文章
线性表简介
查看>>
0基础搭建Hadoop大数据处理-初识
查看>>
ASP.NET Core MVC请求超时设置解决方案
查看>>
CentOS 7 安装Mono 和 MonoDevelop
查看>>
Easyui 让Window弹出居中与最大化后居中
查看>>
greenplum 单表 数据扫描
查看>>
JQuery 的跨域方法 可跨任意网站
查看>>
Netty系列之Netty高性能之道
查看>>
Jenkins不同job之间传递参数
查看>>
解决在Windows 2003的 IIS 6.0 中无法上传超过200K的附件以及无法下载超过4M的附件问题...
查看>>
Message和handler传递对象
查看>>
Weka算法Classifier-tree-J48源代码分析(一个)基本数据结构和算法
查看>>
如何将自己的代码自动添加版权信息[转]
查看>>
PLSQL用DBMS_JOB建立作业
查看>>
实战 SQL Server 2008 数据库误删除数据的恢复
查看>>
从函数调用来思考多态
查看>>
[Oracle]如果误删了某个数据文件,又没有被备份,能否恢复?
查看>>
Access访问错误集锦:Access关键字
查看>>
iostat命令详解
查看>>
女子监狱第一季/全集Orange Is the New Black迅雷下载
查看>>