Modifique este código para que useEffect no siga llamándose a sí mismo una y otra vez. Aquí, estoy obteniendo datos del backend y actualizando el estado dentro de useEffect, que en sí mismo es la dependencia. ¿Hay alguna manera fácil de arreglarlo?
Mi caso de uso: uso un formulario para agregar una publicación y una vez que envío el formulario, quiero que muestre la lista actualizada de publicaciones de inmediato. 'Publicaciones' es un componente donde la lista actualizada de publicaciones se pasa como accesorios y cada publicación individual se representa dentro del componente 'Publicación'. Entonces, quiero pasar la lista actualizada de publicaciones a 'Publicaciones' una vez que se envía el formulario
useEffect(() => { async function readPosts(){ try { const res = await axios.post(backendLink + '/post/profile/read'); setPosts(res.data.posts); } catch (err) { console.log(err); } } readPosts(); }, [posts])useEffect(() => { async function readPosts(){ try { const res = await axios.post(backendLink + '/post/profile/read'); setPosts(res.data.posts); } catch (err) { console.log(err); } } readPosts(); }, []) // Change hereEsto es lo que está sucediendo ahora mismo en su código.
useEffect se activa cuando cambia el valor de "publicaciones". useEffect cambia las "publicaciones" que activan useEffect porque useEffect cambió las "publicaciones"
esto es un bucle infinito. elimine [publicaciones] de la dependencia y encuentre una solución.