본문 바로가기
개발자의 정보/JS & framework

React 구성 요소의 수명 주기

by pastory 2023. 1. 29.

React 구성 요소의 수명 주기는 다음 메서드로 나눌 수 있습니다.

  1. constructor(props): 이 메소드는 컴포넌트가 마운트되기 전에 호출됩니다. 상태를 초기화하고 이벤트 핸들러를 바인딩하는 데 사용됩니다.
  2. componentWillMount(): 이 메서드는 구성 요소가 렌더링되기 전에 호출됩니다. 구성 요소가 렌더링되기 전에 필요한 설정 또는 구성을 수행하는 데 사용됩니다.
  3. render(): 이 메서드는 구성 요소를 렌더링하기 위해 호출됩니다. 구성 요소의 보기를 나타내는 JSX 요소를 반환합니다.
  4. componentDidMount(): 이 메서드는 구성 요소가 렌더링된 후 호출됩니다. 구성 요소의 DOM 노드가 필요한 모든 설정 또는 구성을 수행하는 데 사용됩니다.
  5. componentWillReceiveProps(nextProps): 이 메소드는 컴포넌트가 새로운 props를 받을 때 호출됩니다. 새 소품을 기반으로 구성 요소의 상태를 업데이트하는 데 사용됩니다.
  6. shouldComponentUpdate(nextProps, nextState): 이 메서드는 구성 요소가 새 속성 또는 상태를 기반으로 다시 렌더링해야 하는지 여부를 결정하기 위해 호출됩니다.
  7. componentWillUpdate(nextProps, nextState): 이 메서드는 구성 요소가 다시 렌더링되기 전에 호출됩니다. 업데이트를 위해 구성 요소를 준비하는 데 사용됩니다.
  8. componentDidUpdate(prevProps, prevState): 이 메서드는 구성 요소가 다시 렌더링된 후에 호출됩니다. 정리 또는 업데이트 후 작업을 수행하는 데 사용됩니다.
  9. componentWillUnmount(): 이 메서드는 구성 요소가 마운트 해제되기 전에 호출됩니다. 정리 또는 정리 작업을 수행하는 데 사용됩니다.

모든 구성 요소에서 이러한 메서드를 모두 구현해야 하는 것은 아니며 일부는 선택 사항이라는 점은 주목할 가치가 있습니다.

댓글