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つの演算子を使用して...!
コードがスリムになりました
Reference
この問題について(state (TIL)), 我々は、より多くの情報をここで見つけました https://velog.io/@awaji0829/stateprops-TILテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol