Which lifecycle method is invoked immediately after a component is inserted into the DOM?

The lifecycle method that is invoked immediately after a component is inserted into the DOM is componentDidMount().

Here are the steps of how it works in a React component's lifecycle:

1. When a component is created and inserted into the DOM, it goes through a series of lifecycle methods.

2. The first method is constructor(), where the component's initial state is set.

3. Then, the render() method is called. This is where you return your JSX or UI for the component.

4. After the render() method, the componentDidMount() method is called.

5. The componentDidMount() method is invoked immediately after a component is inserted into the tree. This is a good place to run statements that need to happen once the component is mounted in the DOM, like fetching data or setting up subscriptions.

6. After this, when the state or props change, the component re-renders and componentDidUpdate() is called.

7. Finally, when the component is about to be removed from the DOM, componentWillUnmount() is called.

So, to answer your question, componentDidMount() is the lifecycle method that is invoked immediately after a component is inserted into the DOM.