2021.02.17 / React - state 2

state

• 유동적인 데이터를 보여줄때 사용된다.
• state를 사용할 때 초기값 설정이 필수이다.
• 컴포넌트 생성자 메소드인 constructor에서 this.state = {}로 설정한다.
• JSX 내부에 { this.state.stateName }라고 넣는다.
• 값을 수정할 때에는 this.setState({ ... })를 쓰고, 렌더링이 된 다음엔 this.state = 를 절대 사용하면 안된다.
• state는 내부에서 변경할 수 있다.
• 변경할 때는 언제나 setState 라는 함수를 사용해야 한다.

See the Pen react state by 김혜지 (@hjyee) on CodePen.

 

 

참고

- www.youtube.com/watch?v=mYEZh6TV10M&list=PL9FpF_z-xR_E4rxYMMZx5cOpwaiwCzWUH&index=9

- www.youtube.com/watch?v=i_ooWEUtCMc&list=PL9FpF_z-xR_GMujql3S_XGV2SpdfDBkeC&index=7