state (TIL)

작성하며 머릿속에서 정리하는 시간

this.state = {titleColorState : true }


onClick={this.handleTitleColor}


handleTitleColor=() =>
if (this.state.titleColorState === true){
this.setState({  titleColorState: false});
} else 
{this.setState({titleColorState : true};

위 함수를 삼항연산자로 리팩토링 한다면 >
this.setState({this.state.titleColorState? false : true})

이것마저 효율적으로 코드를 줄인다면 >

this.setState({titleColorState : !this.state.titleColorState})
!를 준다면 그와 반대되는 불리언값으로 바뀜!!

className={this.state.titleColorState === true? 'blueText' : 'orangeText'}

클래스를 삼항연산자를 이용해서 준다..!!
코드가 아주 날씬해졌다