访问对象内的数据对象属性

Question

所以我有以下一段代码：

const Menus = wp.api.models.Post.extend({
    url: wpApiSettings.root + 'fh/v1/menus/' + path,
});

const menus = new Menus();
console.log(menus);

menus 输出以下对象：

我如何才能访问 data: { 对象及其属性？看起来就像是一个对象里面的一个对象。

当我执行 console.log(menus.attribute) 时效果很好，但是 console.log(menus.attributes.data) 甚至 console.log(menus.attributes.success) 只是返回一个未定义的答案。

我尝试执行以下操作：

console.log(menus.attributes['data'] 也有未定义的答案。

感谢所有帮助！

Answer 1

试试menus.attributes[0].data。 它可能会起作用。如果不起作用，请尝试在 chrome 浏览器上控制台并分享屏幕截图

Answer 2

可能您在这里遇到了异步问题。您可以在回调函数中尝试 console.log 结果。

例如，您可以尝试类似的方法：

import axios from 'axios';

async function getItems() {
  const response = await axios.get(SOME_URL);
  console.log('done', response);
  return response;
}

getItems().then(items => console.log('items: ', items))

Answer 3

如果有人想知道如何访问数据，我是这样的：

const Menus = wp.api.models.Post.extend({
    url: wpApiSettings.root + 'fh/v1/menus/' + path,
});
const menus = new Menus();

console.log(menus) 输出了一个具有其他对象的属性的对象。

要访问对象内的这些属性，请执行以下操作：

menus.fetch().then(posts => {
   const data = posts.data;
}

现在您可以访问对象内部的对象属性 - 我希望这会有所帮助。