React 구성 요소의 수명 주기는 다음 메서드로 나눌 수 있습니다.
constructor(props)
: 이 메소드는 컴포넌트가 마운트되기 전에 호출됩니다. 상태를 초기화하고 이벤트 핸들러를 바인딩하는 데 사용됩니다.componentWillMount()
: 이 메서드는 구성 요소가 렌더링되기 전에 호출됩니다. 구성 요소가 렌더링되기 전에 필요한 설정 또는 구성을 수행하는 데 사용됩니다.render()
: 이 메서드는 구성 요소를 렌더링하기 위해 호출됩니다. 구성 요소의 보기를 나타내는 JSX 요소를 반환합니다.componentDidMount()
: 이 메서드는 구성 요소가 렌더링된 후 호출됩니다. 구성 요소의 DOM 노드가 필요한 모든 설정 또는 구성을 수행하는 데 사용됩니다.componentWillReceiveProps(nextProps)
: 이 메소드는 컴포넌트가 새로운 props를 받을 때 호출됩니다. 새 소품을 기반으로 구성 요소의 상태를 업데이트하는 데 사용됩니다.shouldComponentUpdate(nextProps, nextState)
: 이 메서드는 구성 요소가 새 속성 또는 상태를 기반으로 다시 렌더링해야 하는지 여부를 결정하기 위해 호출됩니다.componentWillUpdate(nextProps, nextState)
: 이 메서드는 구성 요소가 다시 렌더링되기 전에 호출됩니다. 업데이트를 위해 구성 요소를 준비하는 데 사용됩니다.componentDidUpdate(prevProps, prevState)
: 이 메서드는 구성 요소가 다시 렌더링된 후에 호출됩니다. 정리 또는 업데이트 후 작업을 수행하는 데 사용됩니다.componentWillUnmount()
: 이 메서드는 구성 요소가 마운트 해제되기 전에 호출됩니다. 정리 또는 정리 작업을 수행하는 데 사용됩니다.
모든 구성 요소에서 이러한 메서드를 모두 구현해야 하는 것은 아니며 일부는 선택 사항이라는 점은 주목할 가치가 있습니다.
'개발자의 정보 > JS & framework' 카테고리의 다른 글
Workbox webpack Plugin 선택 기준 (0) | 2021.08.25 |
---|---|
Vite 및 Vue.js를 사용한 ESLint 및 Prettier 3 (0) | 2021.07.30 |
대규모 Vue.js 애플리케이션을 구성하는 방법 (0) | 2021.07.30 |
대규모 Vue.js 3 애플리케이션 구축을 위한 6가지 팁 (0) | 2021.07.30 |
html-midi-player (0) | 2021.07.25 |
axios.js 배열 파라미터 전송시 [] 빼고 보내기 (1) | 2020.09.23 |
Javascript 에서 Object를 해시맵처럼 사용하지 마세요 (5) | 2020.04.25 |
에러 해결법: directories in the root is deprecated, please specify in the build (0) | 2020.04.14 |
댓글