Получение json-данных из django-rest-api с помощью react frontend в переменную

Я новичок в react и javascript. Я пытаюсь получить некоторые данные INTO A VARIABLE в react из django-rest API.

Я использую эту переменную в другой функции, используя react-beautiful-dnd.

У меня настроен API и также настроен CORS.

Это вывод в http://127.0.0.1:8000/api/column_names/

Я пытаюсь получить это как объект json в react frontend.

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

Это выход

enter image description here

Есть ли способ получить эти данные в переменную columnFromBackend

Я пытаюсь получить эквивалент этого значения.

let columnFromBackend = {
  idone: {
    name: "In progress",
    items: [{ id: "hjnmkjnh", content: "first" }],
  },
  idtwo: {
    name: "Todod",
    items: [],
  },
};

Если я объявляю переменную напрямую, как это, то вот вывод, который я получаю и который я пытаюсь получить из api.

enter image description here

Вам нужно изменить предпоследнюю строку на

let columnFromBackend = await getData();

Какую версию node вы используете?

  1. Перейдите по адресу node_modules/react-scripts/config и откройте файл webpack.config.js затем найдите module.exports и добавьте

    experiments:{ topLevelAwait: true }

  2. Затем измените let columnFromBackend = getData(); на let columnFromBackend = await getData();

Вернуться на верх