Explain the use of the componentDidCatch method.

Q: Explain the use of the componentDidCatch method.

error - The error that was thrown. info - An object with a componentStack key containing information about which component threw the error. componentDidCatch() is called during the “commit” phase, so side-effects are permitted. It should be used for things like logging errors:

Difficulty: 5/10

error boundaries, fallback UI, error logging

componentDidCatch(error, info) This lifecycle method is invoked after an error has been thrown by a descendant component.

It receives two parameters:

1
error - The error that was thrown.
2
info - An object with a componentStack key containing information about which component threw the error.

1
componentDidCatch() is called during the “commit” phase, so side-effects are permitted.
2
It should be used for things like logging errors:

Scenario Questions

0-2 years experience

2-5 years experience

1We have a third‑party chart library that sometimes throws during render. How would you use componentDidCatch to keep the page alive, and what trade‑offs would you consider for the fallback UI?

Follow-up Questions