
react中巧妙使用动态解构属性
发布日期:2021-05-20 10:06:45
浏览次数:21
分类:技术文章
本文共 691 字,大约阅读时间需要 2 分钟。
1、使用过ESLint
插件的都知道,在Vscode
中,如果你取值不用解构的方式,它就会建议你使用解构赋值。
对象解构
的最常用方式。 3、这种写法非常基本,所有的取值都可以这样写。就这样,最简单的写出了符合react官方建议的写法和符合ESLint
规范。 从this.state、this.props中取值
const listType = this.state.listType; // 一般写法 const { listType,fileList,downloadTitle } = this.state; const { dispatch, registrationId } = this.props;
4、
解构动态属性
在对象解构中使用变量
,可方便取值赋值操作。
const { [listType]: { infoList } } = this.props;
应用场景也很简单能想到,
- 你可以根据情况的控制变量,控制你的
infoList
从哪里去取值,可以实现更复杂的场景。 在dispatch
中同样可以这样使用
const { keyword, typeId, state, listType } = this.state; dispatch({ type: `${ listType}/getApplicationPageList`, payload: { .......
6、才疏学浅,简单分享。如有不当的地方请指正。

转载地址:https://blog.csdn.net/weixin_45416217/article/details/108417805 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
初次前来,多多关照!
[***.217.46.12]2023年09月19日 00时55分34秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
9.组合模式(Composite Pattern)
2019-03-07
10.外观模式(Facade Pattern)
2019-03-07
12.代理模式(Proxy Pattern)
2019-03-07
Linux里面的使用帮助
2019-03-07
JAVA入门
2019-03-07
C语言回调函数理解和使用
2019-03-07
Ubuntu构建根文件
2019-03-07
单片机为啥几乎不用malloc free
2019-03-07
MQTT cJSONS资料
2019-03-07
source insight 4.0 代码函数变量符号高亮
2019-03-07
keil watch窗口看模块全局变量
2019-03-07
Ubuntu下创建虚拟调试串口
2019-03-07
VS2012番茄助手安装破解教程
2019-03-07
vs2012 打开解决方案崩溃或者点击项目崩溃
2019-03-07
C#字符串复制
2019-03-07
c# 自定义类数组实例化与初始化
2019-03-07
wireshark tcp抓包
2019-03-07
TCP的Ack和Seq和len的关系
2019-03-07
C#跨线程调用异常处理方法
2019-03-07
扁平数据转树形结构探究
2019-03-07