InterviewHubPRO
Section Overview
Q381

Question 381 of 445

Part 11: Legacy Architecture, Migration Patterns & Historical Internals (354 - 445)

86%
React & Modern Frontend (445 Qs)•Part 11: Legacy Architecture, Migration Patterns & Historical Internals (354 - 445)

What is the purpose of getDerivedStateFromProps() lifecycle method?

The new static getDerivedStateFromProps() lifecycle method is invoked after a component is instantiated as well as before it is re-rendered. It can return an object to update state, or null to indicate that the new props do not require any state updates.

javascript
    class MyComponent extends React.Component {
      static getDerivedStateFromProps(props, state) {
        // ...
      }
    }
scss
This lifecycle method along with `componentDidUpdate()` covers all the use cases of `componentWillReceiveProps()`.