react写法

Question

我想知道这段react代码有没有什么简略写法，初写react，不是很懂，望各位大神帮忙忙。classPagingextendsComponent{constructor(props){super(props)this.state={visibleA:true,visibleB:false,visibleC:false,visibleD:false,visibleE:false,visibleF:false,visibleG:false,}}change=(value)=>{if(value===1){this.setState({visibleA:true,visibleB:false,visibleC:false,visibleD:false,visibleE:false,visibleF:false,visibleG:false,})}elseif(value===2){this.setState({visibleB:true,visibleA:false,visibleC:false,visibleD:false,visibleE:false,visibleF:false,visibleG:false,})}elseif(value===3){this.setState({visibleC:true,visibleA:false,visibleB:false,visibleD:false,visibleE:false,visibleF:false,visibleG:false,})}elseif(value===4){this.setState({visibleD:true,visibleA:false,visibleB:false,visibleC:false,visibleE:false,visibleF:false,visibleG:false,})}elseif(value===5){this.setState({visibleE:true,visibleA:false,visibleB:false,visibleC:false,visibleD:false,visibleF:false,visibleG:false,})}elseif(value===6){this.setState({visibleF:true,visibleA:false,visibleB:false,visibleC:false,visibleD:false,visibleE:false,visibleG:false,})}elseif(value===7){this.setState({visibleG:true,visibleA:false,visibleB:false,visibleC:false,visibleD:false,visibleE:false,visibleF:false,})}}render(){return(this.change(1)}>概览this.change(2)}>损益this.change(3)}>规模this.change(4)}>风险this.change(5)}>客户this.change(6)}>业务this.change(7)}>团队);}}exportdefaultPaging;我想知道这段react代码有没有什么简略写法，初写react，不是很懂，望各位大神帮忙忙。

Answer 1

首先,这和react无关.
this.state={
'visible':'A';
}
change=(value)=>{
this.setState({'visible':value});
}
this.change('A')}>概览