I cant understand what is difference between componentDidMount and componentDidUpdate
I saw some counter app that use setState method for increasing count value inside componentDidMount so what if we write setState inside componentDidUpdate?
and when should we use componentDidMount or componentDidUpdate?
From the docs on the component lifecycle:
componentDidMount(): invoked immediately after a component is mounted (inserted into the DOM tree)componentDidUpdate(prevProps, prevState, snapshot): is invoked immediately after updating occurs. This method is not called for the initial render. Use this as an opportunity to operate on the DOM when the component has been updated.To make it simple, the first is called at the beginning, and the second upon every change. They are absolutely not interchangeable.
About using setState inside componentDidUpdate: beware! Using setState calls componentDidUpdate, so you might end up with an infinite loop if you call setState at *every invocation of componentDidUpdate.
Oh and also, here's a cool diagram to sum up the whole component lifecycle.
