Tengo un backend Flask simple y estoy tratando de obtener datos json de él en un frontend React simple. Sin embargo, cuando ejecuto el código React, aparece un error: src/App.js Line 8:57: 'data' is not defined no-undef . De los ejemplos que he visto, parece que data deberían ser accesibles. No estoy tratando de hacer nada complicado con estados o efectos, me gustaría como primer paso poder simplemente obtener los datos de Flask json e imprimirlos en la interfaz.
El backend de mi Flask es hello.py :
from flask import Flask app = Flask("__name__") @app.route('/hello/') def hello(): return {'1': 'hello'} if __name__ == '__main__': app.run(host='0.0.0.0', port=8000)Reaccionar archivos. Aplicación.js:
import React from 'react'; let url = 'http://localhost:8000/hello function App() { fetch(url).then(res => res.json()).then(console.log(data)) export default App;índice.js:
import React from "react"; import ReactDOM from "react-dom"; import App from "./App"; ReactDOM.render(<App />, document.getElementById("root))Como mencioné en mi comentario, falta definir la variable de datos. Es como en el Bloque then donde accedes a la res . Así que tal vez funcione si escribes algo como:
function App() { fetch(url).then(res => res.json()).then(data => console.log(data))