Props
부모 컴포넌트에 있는 데이터를 자녀 컴포넌트로 전달
Map 메소드 활용
배열 내 데이터를 하나하나 리스트 아이템으로 보여줄 때 사용
key값이 없어 에러 발생
- key값이 고유한 값인 id를 할당
- 리스트들이 중간에 삭제되거나 삽입되면 idx값을 key로 주면 안됨
- 즉, 실질적인 고유 값을 줘야 하지만 중간에 삭제되거나 삽입되지 않으면 idx값을 줘도 됨
State
- 컴포넌트의 렌더링 결과물에 영향을 주는 데이터를 갖고 있는 객체
- State가 변경되면 Re-randering됨
- State는 컴포넌트 안에서 관리
super
-
super 키워드는 자식 클래스 내에서 부모 클래스의 생성자를 호출할 때 사용
-
super 키워드는 자식 클래스 내에서 부모 클래스의 메소드를 호출할 때 사용
super 이후에 this 키워드
- 생성자(constructor)에서는 super 키워드 하나만 사용되거나, this 키워드가 사용되기 전에 호출되어야 함
State vs Props
React Hooks
- class없이 state를 사용할 수 있는 새로운 기능
HOC란?
화면에 재사용 가능한 로직만을 분리해서 컴포넌트로 만들고, 재사용 불가능한 UI와 같은 다른 부분들은 파라미터로 받아서 처리하는 방법
Frontend developer