Name the different lifecycle methods for a class components
Câu trả lời
Class components in React have several lifecycle methods that are categorized into different phases of the component's lifecycle. These methods are:
Mounting
constructor(): This method is called before the component is mounted and is used to initialize state and bind event handlers.
static getDerivedStateFromProps(): This method is invoked right before calling the render method, both on the initial mount and on subsequent updates. It should return an object to update the state, or null to update nothing.
render(): The only required method in a class component. This method examines this.props and this.state and returns the React elements to be rendered.
componentDidMount(): This method is called after the component is mounted into the DOM. It's used for DOM manipulation and setting up subscriptions or timers.
Updating
static getDerivedStateFromProps(): Same as in mounting, it's called before the render method when new props or state are being received.
shouldComponentUpdate(): This method allows the component to optimize its performance by letting React know if a component’s output is not affected by the current change in state or props.
render(): Called again to determine what should be rendered as a result of the state or props changes.
getSnapshotBeforeUpdate(): Invoked right before the most recently rendered output is committed to the DOM. It enables the component to capture some information from the DOM (e.g., scroll position) before it is potentially changed.
