2021.02.09 / React - 이벤트 bind, setState

생활코딩 16.4,5 - 이벤트 bind, setState 함수 이해하기

 

.bind(this)를 하게 되면 컴포넌트 자체를 가리키는 객체를

함수 안으로 주입해서 함수 안에서 this는 그 객체가 되게 하는 것이다.

함수가 호출되면서 내부적으로 많은 일을 할 수 있도록 하는 것이 setState다.

그러므로 항상 state의 값이 바뀌면 setState로 바꿔줘야 한다.

<header>
	<h1><a href="/" onClick={function(e){
      console.log(e);
      e.preventDefault();
      this.setState({
          mode:'welcome'
      });
	}.bind(this)}>{this.state.subject.title}</a></h1>
	{this.state.subject.sub}
</header>

 

 

참고

- www.youtube.com/watch?v=o7Id7GMcuFo&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi&index=22

- www.youtube.com/watch?v=PTRpJNMiMdA&list=PLuHgQVnccGMCRv6f8H9K5Xwsdyg4sFSdi&index=23