react-redux

news/2024/11/22 22:30:48/

1.不需要上下文文件,react-redux内部自己创建了上下文对象,并且我们可以把store放在上下文中,在组件中使用的时候,无需我们自己再获取上下文中的store了。

删掉上下文对象:

在这里插入图片描述
子组件中修改:

在这里插入图片描述


2.在组件中,我们想获取公共状态信息进行绑定等,无需自己基于上下文对象获取store,也无需自己再基于getState获取公共状态!!直接基于react-redux提供的connect函数处理却可!!而且,也不需要我们手动把让组件更新的方法,放在事件池中了,react-redux内部帮我们处理了!!!

connect语法:

1.mapstateToProps

connect(mapStateToProps,mapDispatchToProps)(我们要渲染的组件)
//mapStateToProps:可以获取到redux中的公共状态,把需要的信息作为属性,传递组件即可
connect(state=>{
// state:存储redux容器中,所有模块的公共状态信息
//返回对象中的信息,就是要作为属性,传递给组件的信息return i
supNum : state.vote.supNum,
info:state.personal.info
};
}) (Vote);

组件中怎么改?

在这里插入图片描述

2.mapDispatchToProps

在这里插入图片描述

修改组件:
在这里插入图片描述

解释:

在这里插入图片描述

简化版本:

在这里插入图片描述


http://www.ppmy.cn/news/597694.html

相关文章

第三章 门电路--数电(期末复习笔记)

第三章 门电路 重点:TTL电路与CMOS电路的结构与特点 3.1 概述 门电路是用以实现逻辑运算的电子电路,与已经讲过的逻辑运算相对应。常用的门电路在逻辑功能上有与门、或门、非门、与非门、或非门、与或非门、异或门等。正逻辑:高电平表示逻…

KBL406-ASEMI适配高端电源整流桥KBL406

编辑:ll KBL406-ASEMI适配高端电源整流桥KBL406 型号:KBL406 品牌:ASEMI 封装:KBL-4 特性:整流桥 正向电流:4A 反向耐压:600V 恢复时间:>2000ns 引脚数量:4 …

5V2A移动电源管理芯片脚位兼容IP5306

SM5308 是一款集成升压转换器、锂电池充电管理、电池电量指示的多功能电源管理 SOC,为移动电源提供完整的电源解决方案。 SM5308 的高集成度与丰富功能,使其在应用时仅需极少的外围器件,并有效减小整体方案的尺寸,降低 BOM 成本。SM5308 只需一个电感实现…

和Surface pro电源适配器说拜拜——Surface PD快充电源线方案讲述

如今随着这几年的USB-C PD适配器的普及,消费者手上的PD协议适配器越来越普遍,如何让微软surface 充电器线支持使用PD适配器快充呢?不妨加入一颗受电端PD协议取电芯片——LDR6015, ** 就可以打造一根 PD电源线适配pro7/6/5/4/laptop/book/go …

MB6S-ASEMI高档品质LED驱动器电源适配整流桥

编辑:ll MB6S-ASEMI高档品质LED驱动器电源适配整流桥 型号:MB6S 品牌:ASEMI 封装:MBS-4 电流:1A 电压:1000V 正向电压:1.10V 引脚数量:4 芯片个数:4 芯片尺寸&…

S5P4418: AXP-228电源管理芯片适配

1. 前言 限于作者能力水平,本文可能存在谬误,因此而给读者带来的损失,作者不做任何承诺。 2. 背景 将电源管理芯片 AXP-228 适配到 S5P4418 Linux 3.4.y 系统。 3. 适配过程 电源管理芯片AXP-228是挂接在I2C总线上,电源管理…

摩托罗拉mpkg安装签名方法研究

第一步 :从*.desktop文件中复制出EzXApp-Exec-RSA-SHA1和EzXApp-Certificate-1-1到文件中。 EzXApp-Exec-RSA-SHA1hNCobrJtS7wSZkgoyjS1bysl8kO9VCwvzrO6oYIhioqneB2AK3FQWjEqawzGAinTOqiFecnqbnNz0MBuBGPM4agXMe6fagI1w4Ym7zInZtEQ/aSh7LUkBgxJuZ2FVTC/HlDO3InbWB…

android适配器模式设计与实现

适配器模式是一种重要的设计模式,在 android 中得到了广泛的应用。适配器类似于现实世界里面的插头,通过适配器,我们可以将分属于不同类的两种不同类型的数据整合起来,而不必去根据某一需要增加或者修改类里面的方法。 适配器又…