Creación de una aplicación para publicar clips de videojuegos. Tengo un controlador en el backend que me dará los clips en orden de los clips más comentados a los menos. Me gustaría cambiar entre tener los datos ordenados normalmente, de más a menos comentarios usando una etiqueta de selección (luego agregaré más filtros). Esperaba poder procesar condicionalmente ambas recuperaciones en función de un estado de la etiqueta de selección en Cambiar, pero recibí un error.
Line 18:5: React Hook "useEffect" is called conditionally. React Hooks must be called in the exact same order in every component render react-hooks/rules-of-hooks Line 24:5: React Hook "useEffect" is called conditionally. React Hooks must be called in the exact same order in every component render react-hooks/rules-of-hookseste es mi codigo Tenga en cuenta que solo lo estaba probando con un booleano.
const boolean = true; if (boolean == true) { useEffect(() => { fetch("/clips") .then((r) => r.json()) .then((data) => setClipData(data)); }, []); } else { useEffect(() => { fetch("/most_comments") .then((r) => r.json()) .then((data) => setClipData(data)); }, []); }Como dice el error, no puede llamar a useEffect condicionalmente. En su lugar, llámelo una sola vez independientemente, y dentro de esa función, observe si necesita obtener los clips o los comentarios.
useEffect(() => { if (boolean) { fetch("/clips") .then((r) => r.json()) .then((data) => setClipData(data)); // don't forget to .catch errors here } else { fetch("/most_comments") .then((r) => r.json()) .then((data) => setClipData(data)); // did you mean to call setCommentsData or something here? // don't forget to .catch errors here } }, []);