react中巧妙使用动态解构属性
发布日期:2021-05-20 10:06:45
浏览次数:30
分类:技术文章
本文共 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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
感谢大佬
[***.8.128.20]2024年03月29日 14时15分50秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
Hadoop主节点宕机第二节点补救
2019-04-27
机器学习:性能度量篇-Python利用鸢尾花数据绘制P-R曲线
2019-04-27
Bootstrap项目实践:Grid布局应用
2019-04-27
机器学习:性能度量篇-Python利用鸢尾花数据绘制ROC和AUC曲线
2019-04-27
Nosql数据库原理学习:CAP原理、BASE和最终一致性
2019-04-27
Hadoop中HDFS优缺点
2019-04-27
Hadoop安装Hbase启动失败报错解决方法
2019-04-27
数据预处理归一化详细解释
2019-04-27
HDFS使用appendToFile报错WARN hdfs.DFSClient: DataStreamer Exception java.io.IOException: Failed
2019-04-27
hdfs dfs -ls命令显示No such file or directory
2019-04-27
机器学习:Friedman检验与Nemenyi后续检验,Python实现
2019-04-27
k-近邻算法(KNN)详解及python实现和应用
2019-04-27
决策树(Decision Tree)算法详解及python实现
2019-04-27
常用的HBase Shell操作
2019-04-27
Bootstrap项目实践:带有导航栏的响应式网页
2019-04-27
HbaseJAVA开发API导入jar包以及实现操作命令
2019-04-27
机器学习:使用Matplotlib注解绘制树形图以及实例运用
2019-04-27
动态添加和删除Datanode的方法
2019-04-27
编写MapReduce前置插件Hadoop-Eclipse-Plugin 安装
2019-04-27