Estoy aprendiendo sobre ErrorBoundaries en React y me preguntaba por qué y cómo en el método getDerivedStateFromError , ¿el estado se establece de esta manera?
// REACT import React from 'react'; export class ErrorBoundary extends React.Component { state = { isThereError: false } static getDerivedStateFromError(error) { return { isThereError: true }; } // ... };¿No debería ser:
// REACT import React from 'react'; export class ErrorBoundary extends React.Component { state = { isThereError: false } static getDerivedStateFromError(error) { this.setState({ isThereError: true }) } // ... };El estado no se establece en el método en sí. Pero por convención, el marco espera que ese método devuelva un objeto de estado actualizado. Luego, el marco usa internamente ese resultado para actualizar el estado:
Este ciclo de vida se invoca después de que un componente descendiente haya generado un error. Recibe el error que se lanzó como parámetro y debe devolver un valor para actualizar el estado .
Entonces, al implementar getDerivedStateFromError en su componente, no necesita preocuparse por actualizar el estado dentro de ese método. Simplemente devuelva el nuevo estado.