06
13

1. Props를 받아서 사용하는 법.

  • props에서 가장 중요한 것은 자식 컴포넌트에서 어떤 자료를 어떤 이름으로 부모 컴포넌트로 보내서 부모 컴포넌트는 어떻게 사용할 것인가?이다.
  • props는 유저가 수정이 불가능한 자료를 보낸다.

2. 본문(부모 컴포넌트)에서 props를 사용하기

  • 주로 전체 목록을 보여줄 때 사용한다.
  • map과 함께 사용하자!
  • map 메서드는 자바스크립트에서 사용하는 것이기 때문에 {} 안에 넣고, 똑같이 사용하듯이 해 주면 된다.
  • return 되는 값은 자식 컴포넌트 자체가 될 것이고, 그 안에서 key값을 꼭 id와 같은 유일한 것으로 설정하고, 받아올 props의 이름과 그에 맞는 주소를 정확히 적어 준다.
  • 주의! : 주로, map을 돌고 난 자료들 즉, map에서 정해준 이름을 사용해야 똑바로 map 이후에 나올 자료들이 들어간다.
  • 뭔가 이상하다? : 자식 컴포넌트를 보면서 똑바로 자료를 받고 있는지 살펴본다 => 부모 컴포넌트의 map의 구조를 잘 살펴본다. =>
    props로 어떤 자료를 받고 있는지 정확히 찾아가 본다. => 오타를 살펴본다.

점점... 초반부에 배운 것이 흔들린다. 다시 복습을 탄탄히 해야 할 것 같다.
알고리즘 문제는 착실히 하루에 2개라도! 하자.

COMMENT