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

来源：互联网发布：linux关闭tomcat报错编辑：程序博客网时间：2024/05/19 19:16

这里写图片描述

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

阅读全文

0 0