es6解构--简化代码

第一段代码直接用

import { Radio } from 'antd';
render() {return(<Radio.Group value={size} onChange={this.handleSizeChange}><Radio.Button value="large">Large</Radio.Button><Radio.Button value="default">Default</Radio.Button><Radio.Button value="small">Small</Radio.Button></Radio.Group>)
}

第二段代码对象属性赋值给变量承载后使用

import { Radio } from 'antd';
const RadioGroup = Radio.Group;
const RadioButton = Radio.Button;render() {return(<RadioGroup value={size} onChange={this.handleSizeChange}><RadioButton value="large">Large</RadioButton><RadioButton value="default">Default</RadioButton><RadioButton value="small">Small</RadioButton></RadioGroup>)
}

第三段代码 es6解构后使用

import { Radio } from 'antd';const { Group: RadioGroup, Button: RadioButton } = Radio;render() {return(<RadioGroup value={size} onChange={this.handleSizeChange}><RadioButton value="large">Large</RadioButton><RadioButton value="default">Default</RadioButton><RadioButton value="small">Small</RadioButton></RadioGroup>)
}

es6解构--简化代码相关推荐

前端学习必备之ES6解构赋值的常见用法
1.解构赋值可以轻松获取对象或者数组中的数据 var jsonData = {data: "111",data2: ["test","test2&qu ...
ES6 解构赋值的用法笔记
1.概念:解构赋值可以理解为对赋值运算符的一种扩展.它主要针对数组或者对象进行模式匹配,然后对模式中的变量进行赋值. 2.特性:采用ES6解构赋值的方式可以代码的可读性更高.代码书写更加简洁.清晰. ...
ES6解构赋值原理详解
ES6解构赋值 ES6变量的解构赋值本质上是"模式匹配",只要等号两边的模式相同,左边的变量就会被赋予匹配的右边的值,如果匹配不成功变量的值就等于undefined 数组的解构赋值 ...
ES6解构赋值: ES6...转为ES5的写法
es6的特性,主要用于数组和对象的析构直接上问题: 因为chrome低版本(用的55版本)不支持es6...的下面这种写法, 需要转为es5写法 function calcLinePaths() ...
菜鸟也谈js（一）——ES6解构对象篇
前言为什么我会在开篇谈这样一个low到爆的问题呢?这是因为一个伟大的错误,多么痛的领悟!从前,我深深的以为,后台是权威,后台的数据必须是对的.直到有一天测试给我反馈了一个bug,我的页面崩溃了... ...
聊聊 ES6 解构(下)
大家好,我是Chuck,一个不那么正经却热爱前端的孩儿. 昨晚睡觉的时候,突然想起来点事情,点开了掘金,一看上文,这是什么东西?怎么忘了好多东西呢? 这篇文章接上文聊聊 ES6 解构|8月更文挑战. ...
[OHIF-Viewers]医疗数字阅片-医学影像-es6解构赋值-const{}=-let{}=
[OHIF-Viewers]医疗数字阅片-医学影像-es6解构赋值-const{}=-let{}= 解构赋值语法是一种 Javascript 表达式.通过解构赋值, 可以将属性/值从对象/数组中取出, ...
js之删除对象中的属性——delete、es6解构赋值、自执行匿名函数
js之删除对象中的属性--delete.es6解构赋值.自执行匿名函数实例 const person = {name: '李世民',gender: 'male',age: 24 };// 删除目标对 ...
es6 --- 解构赋值的简洁性
设想你有一个工具foo,它可以异步产生两个值(x和y): function getY(x) {return new Promise( function(resolve, reject) {setTim ...

es6解构--简化代码

第一段代码直接用

第二段代码对象属性赋值给变量承载后使用

第三段代码 es6解构后使用

es6解构--简化代码相关推荐

最新文章

热门文章