[React] State 사용 (class 컴포넌트)

 

1. props 초기화

어떤 Component가 실행될 때, render보다 먼저 실행이 되면서
그 Component를 초기화 시켜주고 싶은 코드는 constructor안에다가 코드를 작성한다.

---

contructor method 사용하여 props 초기화

2. state 사용

state를 초기화 하는 과정이다.

---

contructor method 사용하여 state 초기화

예를 들어, return에 담겨져 있는 내용들을 state화 시키는 과정을 진행해보면,

---

먼저, Head를 state화 하는 것이기 때문에
다음과 같이 title, sub값을 지정하고, head state를 만들었다.
이제 이 state를 적용시켜서 반환하는 작업을 진행하면 된다.

---

head state 만들기

{} (중괄호) 안에 다음과 같이 호출을 해주면 정상적으로 작동되는 것을 볼 수 있을 것이다.

---

state 코드 호출하기

상단 코드 실행 결과