state 값 변경 방법

변경 후 코드

 

<header>

          <h1><a href="/" onClick={function(e) {

            console.log(e);

            e.preventDefault();

            this.setState({mode : "welcome"});

            //alert("hi");

          }.bind(this)}>{this.state.subject.title}</a></h1>

        {this.state.subject.sub}

           

        </header>  

 

1. 함수 뒤에 .bind(this) 추가하기
2. this.setState함수 호출해서 변경하기

변경 전 코드

<header>

          <h1><a href="/" onClick={function(e) {

            console.log(e);

            e.preventDefault();

            this.state.mode =  "welcome";

            //alert("hi");

          }}(this)}>{this.state.subject.title}</a></h1>

        {this.state.subject.sub}

           

        </header>