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

Answer 1

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