Colegas, tengo un pequeño problema al querer actualizar de forma automática cuando ocurra un cambio en mi componente.
Estoy usando hooks
para mostrar información desde una API
, el problema es que cuando trato de implementar useEffect para que actualice el componente cuando ocurran cambios, este entra en una renderización eterna.
function Docs(props) {
const [data, setData] = useState([])
useEffect(() => {
getEndpoints()
}, [data])
const getEndpoint = async () => {
await fetch(url)
.then(res => res.json())
.then(res => setData(res))
}
}
Tengo entendido que si especificas como segundo parámetro del useEffect
el dato que quieres estar "observando", el componente se actualizará automáticamente, cosa que hace de hecho, pero me causa mucho ruido que al realizar un console.log
no deje de renderizar.
Como siempre, cualquier info se agradece