API, возвращающий только частичные данные

Я делаю вызов API к базе данных продукта и получаю полный ответ в виде:

data: {
   data: [ 
      //Array of product objects
   ]
   meta: {
      pagination: { 
         //Pagination data
      }
   }
}

Мне нужно отправить ответ своему редуктору. Когда я пытаюсь назначить содержимое данных и мета (из родительских данных), данные назначаются успешно, но мета возвращается как "undefined".

Вот мой код с Axios:

axios
   .get('/api', {
      params: { //API params }
   })
   .then(res => {
      const data = res.data.data;
      const meta = res.data.meta;
      dispatch({
         type: GET_PRODUCTS,
         payload: { data, meta }
      });
   });

Я также попытался назначить ответ axios константе после ожидания обратного вызова axios:

const res = await axios.get('/api', {
        params: { //API params }
      });
const data = await res.data.data;
const meta = await res.data.meta;
dispatch({
   type: GET_PRODUCTS,
   payload: { data, meta }
});

Оба результата в моем интерфейсе React дают следующие ответы:

res.data.data = [//Array of data objects]
res.data.meta = undefined

Хотя родитель res содержит необходимые данные для обоих полей.

Есть идеи, что происходит? Я как бы сошел с ума.

1 ответ

Я обнаружил, что по глупости использовал неправильную переменную в своем Провайдере контекста. После обновления этого до правильной информации, правильные данные были отправлены и загружены в мой интерфейс. Спасибо всем, что терпите мою глупость!

Другие вопросы по тегам