Which lifecycle phase denotes that a component has been removed from the UI?

Which lifecycle phase denotes that a component has been removed from the UI?

• A. Unmounted
• B. Mounted
• C. Destroyed
• D. Instantiated

Answer: (A)

The key idea here is understanding how React lifecycle stages describe where a component sits in the render tree. When a component is removed from the UI, it has reached the unmounted phase. That’s the state where React is cleaning up before the component is fully gone from the DOM. Practically, you handle cleanup in the unmounting stage—class components use componentWillUnmount, and function components can return a cleanup function from useEffect. Being in the UI corresponds to the mounted phase, not unmounted. Terms like destroyed or instantiated aren’t standard React lifecycle labels, so they don’t accurately describe the moment a component is removed.

The key idea here is understanding how React lifecycle stages describe where a component sits in the render tree. When a component is removed from the UI, it has reached the unmounted phase. That’s the state where React is cleaning up before the component is fully gone from the DOM. Practically, you handle cleanup in the unmounting stage—class components use componentWillUnmount, and function components can return a cleanup function from useEffect.

Being in the UI corresponds to the mounted phase, not unmounted. Terms like destroyed or instantiated aren’t standard React lifecycle labels, so they don’t accurately describe the moment a component is removed.