프론트엔드
-
[ReactJS] 컴포넌트 생명주기프론트엔드 2020. 11. 8. 17:47
리액트 컴포넌트의 생명부터 소멸까지의 과정을 컴포넌트 생명주기라고 한다. 각 생명주기 시점마다의 함수를 제공하고 있어, 해당 함수를 활용하면 특정 시점에 원하는 동작을 만들 수 있습니다. constructor(props) 함수 컴포넌트를 처음 만들때 호출합니다. super()는 프로퍼티와 생명주기 상태 등을 초기화과정 포함합니다. constructor(props) { super(props); // 항상 super() 함수를 맨 위에 호출 // 추가적인 state 데이터 혹은 변수 선언 } render() 함수 컴포넌트 랜더링이 필요할떄 호출되는 함수입니다. getDerivedStateFromProps 함수 정적함수로, 함수 안에서 prop, state에 접근할 수 없습니다. 이 함수는 상위 컴포넌트에서 ..