es6解构--简化代码

最新推荐文章于 2025-02-15 12:59:21 发布

原创最新推荐文章于 2025-02-15 12:59:21 发布 · 321 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#es6解构简化代码

react 专栏收录该内容

14 篇文章

订阅专栏

第一段代码直接用

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>
    )
}