간단 복습 함수형 컴포넌트 2개로 구조 만들기
구조
season 컴포넌트가 licreate 컴포넌트를 받는 형태
설명
사실 그렇게 효율적이라고는 생각지 않지만 어제 배운것 활용을 위해 간단한게 만들어 보았다.
react에서 유용하게 쓰이는 반복 메서드중 하나인 map 메서드로 태그 생성을 했다.
licreate 컴포넌트 내부에서 searsonArr 배열을 선언 -> map으로 해당 배열을 순회하면서
해당 배열의 length만큼 li를 반환 하는 로직 자체를 반환 -> ul안에서 반복문 이루어진다.
map 함수를 사용할때 주의
map함수를 사용할때 태그에 key값을 지정해주는것이 좋다.
key값은 보통 map함수의 index값으로 지정해주는게 편하다.
위의 형태 약간 변경
이번엔 부모 컴포넌트에서 배열을 선언, 자식으로 전달했다.
자식에게 전달할때는 무조건 prop 형태로 보내주고 prop은 객체이니
부모 컴포넌트의 seasonArr은 prop.seasonArray이 됨.
자식 컴포넌트에서 변수로 간단한 형태로 이름을 바꿔주고
그것을 바탕으로 map돌림 2형태는 별건 없고 함수형 컴포넌트에서 인자 전달할때 어떻게
하는지 복습하기 위해 만들어보았다.
클래스 간단 복습
설명
간단하게 배운것을 복습해보았다.
setState 를 사용할떄 주의해야할점은, 비동기적으로 실행되는 함수이기 때문에
count증가 이후에 실행할 동작이있다면 setState 함수안에서 콜백함수로 함수를 호출해주는것이 좋다.
