react如何实现点击时改变样式

typestate={
selected:boolean;
};

classMeasurementextendsComponent{
constructor(props:any){
super(props);
this.state={selected:false};
}

handleClick=(e:any)=>{
this.setState({selected:!this.state.selected},()=>{
if(!this.state.selected){
this.clearAll();
}
});

}
privaterightBtnStyle:CSSProperties={
background:"url(/assets/images/3.png)no-repeatcenter",
border:"none",
color:"white"
};
privaterightBtnStyle2:CSSProperties={
background:"url(/assets/images/1.png)no-repeatcenter",
border:"none",
color:"white"
};

//省略具体功能

render(){
varcurrentstyle;
if(this.state.selected){
currentstyle=this.rightBtnStyle2;
}
else{
currentstyle=this.rightBtnStyle;

}
return(





);
}
};

render(){
return(



免费云主机、域名


);
}

#Measurement{
.right-btn{
background:url(./images/3.png)no-repeatcenter;
border:none;
color:white;
width:100%;
height:100%
}
.right-btn.active{
background:url(./images/1.png)no-repeatcenter;
}
}