In this final section of the chapter, we'll think about cleaning up after components. You don't have to explicitly unmount components from the DOM—React handles that for us. There are some things that React doesn't know about and therefore cannot clean up for us once the component is removed.
It's for these types of circumstance that the
componentWillUnmount() lifecycle method exists. The main use case for cleaning up after React components is asynchronous code.
For example, imagine a component that issues an API call to fetch some data when the component is first mounted. Now, imagine that this component is removed from the DOM before the API response arrives.
If your asynchronous code tries ...