[React]기초 - State

인강안보고 이해하려니 역시안되겠다...

 

생활코딩 리액트 15강 

 State

props시간에 작성했던 하드코딩부분은 state를 이용해 변경하려한다.

 

컴포넌트 제일윗부분에 constructor/ super를 사용하면

컴포넌트를 초기화 할 수 있다. 

 

설명자체가 어려워서ㅠㅠ(물론나에겐)

영상을 끊어가면서,.받아적는중

초기화 후에 this.state로 state값을 초기화 시킨다.

 

이값을 어떻게 사용하냐면

 

아래 리턴부분을 변경

 

 

외부에서 알필요가없는 정보를 철저하게 숨기는것이 사용하는 이유!

 

상의컴포넌트의 state값을 하위컴포넌트에서 변경하고 싶을때 사용한다.

늠나..어렵네

---

여러개의 값을 다룰때 = key

 

TOC의 목록이 추가될때마다 자동으로 생성되게 하고싶다면 ?

반복문을 이용해보자.

 

result라는 빈배열을 하나만들고, 반복문은 data의 길이만큼 반복되어, result에 담기게된다.

목록이 추가될때마다 <li><a href="id값.html">타이틀내용</a></li> 이러한 형태로 추가되어야 하기때문에

 

 

이렇게 작성하게된다. 

여기까지만 쓰면 다 한것같지만 막상 실행하면 오류가 난다 

왜냐면 ? 여러개를 불러올때는 key값을 꼭 적어줘야하기때문 

 

 

다했는데 왜 오류가 계속나나했는데...내가 반복문을 App.js에 작성하고있었음

TOC에 작성해야한다..