보통 아래와 같은 구조로 리액트 Component 구조를 갖는다.
class App extends React.Component {
constructor() {
super();
...
}
render() {
return ();
}
}
super 는 상위 객체의 Method를 가져오는 것이다. 위에서 super();는 React Component에 object 와 Method를 전달하기 위한 것이다.
super(props), constructor(props)를 선언할 경우도 상위 컴포넌트에 object를 전달해주는 성격이 된다.
참조:
min9nim.github.io/2018/12/super-props/
velog.io/@hytenic/Javascript-javascript-OOP-Class-Super
velog.io/@tonyk0901/TIL-16-React-superprops-%EC%97%90-%EB%8C%80%ED%95%B4%EC%84%9C
'React & TypeScript > React' 카테고리의 다른 글
[React] useState 활용해서 사전에 객체의 Template 설정해야 하는 이유 (0) | 2021.04.28 |
---|---|
[React] useCallback / useMemo (0) | 2021.04.13 |
[React] 자식 컴포넌트에서 부모로 데이터 보내기 (child -> parent) by React Hook (0) | 2021.03.30 |
[React] useEffect 는 무엇인가? (0) | 2021.02.02 |
[React] useState 설명 2 (0) | 2021.01.29 |
[React] useRef() 는 언제 사용하는가? (8) | 2021.01.29 |
[React] 함수형 프로그래밍을 가능하게 하는 React Hook (부재 : useState가 이렇게 쉬운 것일 줄은...) (0) | 2021.01.28 |
댓글