react 中render与return 之间的变量（画红的问题）

 render() {
    const size = this.state.size;
    return (
      <div className={styles.main}>
        <RadioGroup value={size} onChange={this.handleSizeChange}>
          <RadioButton value="large">Large</RadioButton>
          <RadioButton value="default">Default</RadioButton>
          <RadioButton value="small">Small</RadioButton>
        </RadioGroup>
        <br />
        <br />
        <Button type="primary" size={size}>Primary</Button>
        <Button size={size}>Normal</Button>
        <Button type="dashed" shape="circle" size={size}>Dashed</Button>
        <Button type="danger" size={size} >Danger</Button>

      </div>
    );
  }

根据提示所说的要用对象的解构

 render() {
    const { size } = this.state;
    return (
      <div className={styles.main}>
        <RadioGroup value={size} onChange={this.handleSizeChange}>
          <RadioButton value="large">Large</RadioButton>
          <RadioButton value="default">Default</RadioButton>
          <RadioButton value="small">Small</RadioButton>
        </RadioGroup>
        <br />
        <br />
        <Button type="primary" size={size}>Primary</Button>
        <Button size={size}>Normal</Button>
        <Button type="dashed" shape="circle" size={size}>Dashed</Button>
        <Button type="danger" size={size} >Danger</Button>

      </div>
    );
  }