Un límite de error (error boundary) es un componente que captura errores de JavaScript lanzados durante el renderizado en su árbol de hijos, muestra una interfaz de respaldo (fallback) en lugar de que toda la aplicación se caiga, y puede registrar el error.
{
state = { : };
() {
{ : };
}
() {
(error, info);
}
() {
.. ? : ..;
}
}
<>
</>
✅ Captura: errores en el renderizado, en los métodos de ciclo de vida y en los constructores de los componentes que tiene por debajo.
❌ No captura:
try/catch normal ahí).setTimeout) — quedan fuera del flujo de renderizado.react-error-boundary para una API compatible con hooks).Sin límites de error, un solo error de renderizado en un componente cualquiera deja toda la interfaz en blanco. Colocar límites de forma estratégica contiene los fallos, conserva el resto de la página funcional y te permite registrar los problemas para poder diagnosticarlos.