Navegador
Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.
- Qué significa
- Un componente actualiza su propio estado cada vez que se dibuja, creando un bucle sin fin que React detiene.
- Causas probables
- Escribir
onClick={setCount(count + 1)}en lugar deonClick={() => setCount(count + 1)}en un botón. - Llamar a una función de cambio de estado directamente en el cuerpo del componente en vez de dentro de un evento.
- Escribir
- Cómo evitarlo
- Dispara los cambios de estado desde acciones del usuario (clics y envíos de formulario), no mientras se dibuja la pantalla.
Copia para tu agente
React se detuvo con `Too many re-renders`. Busca qué actualización de estado se ejecuta durante el render en lugar de en un evento y corrígela.
¿Te ha resultado útil esta página?