Estoy creando un componente que debería transferir los datos en los controladores de archivos/hello.js (backend) a App.js (frontend en la aplicación React.js) que se importa desde el enrutador/colector de componentes/hello.js
Mis componentes/hello.js se ven así:
import { React } from 'react' import { useEffect, useState } from 'react'; export const Hello = ()=>{ const[initialState, setInitialState] = useState([], ) useEffect(()=> { fetch('http://localhost:3001/api/', {mode: "no-cors"}) .then(response => response.json()).then(data => console.log(JSON.parse(data))) // if (res.ok){ // return res.json() // } // }).then(jsonResponse => console.log(jsonResponse)) },[]) // console.log(initialState) console.log("should work ") return (<div>Hello</div>) }
Y me sale este error:
Uncaught (in promise) SyntaxError: Unexpected end of input at hello.js:9:1
cuando reviso la API, la única respuesta que obtengo es esta pero debería coincidir con lo que hay en localhost:3001/api/ o lo que hay en controllers/hello.js, que es
¿Tienes alguna idea de cómo puedo solucionar esto? Cualquier ayuda es apreciada.