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