state (TIL)


作成および整理時間

this.state = {titleColorState : true }


onClick={this.handleTitleColor}


handleTitleColor=() =>
if (this.state.titleColorState === true){
this.setState({  titleColorState: false});
} else 
{this.setState({titleColorState : true};
上記の関数を3つの演算子に再パッケージする場合は、>
this.setState({this.state.titleColorState? false : true})
この点でもコードを効率的に減らすことができれば、>
this.setState({titleColorState : !this.state.titleColorState})
!あげると、彼とは逆の不合理な値になります!!
className={this.state.titleColorState === true? 'blueText' : 'orangeText'}
クラスは3つの演算子を使用して...!
コードがスリムになりました