Soy nuevo en reaccionar y javascript. Estoy tratando de obtener algunos datos EN UNA VARIABLE en react
desde la API django-rest
.
Estoy usando esta variable en otra función usando react-beautiful-dnd.
Tengo la API configurada y CORS también configurado.
Esta es la salida en http://127.0.0.1:8000/api/column_names/
Estoy tratando de obtener esto como un objeto json en la interfaz de reacción.
const getData = async () => { let response = await fetch("http://127.0.0.1:8000/api/column_names/"); let data = await response.json(); console.log(data); // line 29 return data; }; let columnFromBackend = getData(); console.log(columnFromBackend); // line 34
esta es la salida
¿Hay alguna forma de obtener estos datos en la variable columnFromBackend
Estoy tratando de obtener el equivalente de este valor.
let columnFromBackend = { idone: { name: "In progress", items: [{ id: "hjnmkjnh", content: "first" }], }, idtwo: { name: "Todod", items: [], }, };
Si declaro la variable directamente así, entonces este es el resultado que estoy obteniendo y lo que estoy tratando de obtener de la API.
Debe cambiar su penúltima línea a
let columnFromBackend = await getData();
¿Qué versión de nodo estás usando?
Vaya a node_modules/react-scripts/config y abra el archivo webpack.config.js , luego busque module.exports
y agregue
experiments:{ topLevelAwait: true }
Luego cambie let columnFromBackend = getData();
para let columnFromBackend = await getData();