마운팅 이벤트 유형은 모두 실제 DOM에 컴포넌트를 추가하는 것에 대한 이벤트다. 마운팅은 React 엘리먼트가 DOM에 노출되는 것이라고 생각하자. 주로 ReactDOM.render()에서 컴포넌트를 사용하거나, 다른 고차 컴포넌트에서 render()를 호출할 때 실제 DOM에 렌더링된다. 마운팅 이벤트의 종류는 다음과 같다.

• componentWillMount(): React 엘리먼트가 실제 DOM에 곧 추가될 것을 알려준다.

• componentDidMount(): React 엘리먼트를 실제 DOM에 추가한 시점으로, 이 시점의 React 엘리먼트는 DOM 노드다.

 

constructor()는 componentWillMount()보다 먼저 실행된다. 또한, React는 엘리먼트를 먼저 렌더링하고 나서 DOM에 추가한다(여기서 말하는 렌더링은 컴포넌트 클래스의 render()를 호출하는 것을 말하며, 실제 DOM에 그리는 것이 아니다). componentWillMount()와 componentDidMount() 사이의 이벤트에 대해서는 표 5-1을 참고하기 바란다.