javascript - 如何访问另一个对象中对象的属性

Question

我有一个 api 端点表单，我在其中获取如下数据。我将如何访问值 title、short_title 等。

 blog: {
    paginations: true,
    isLoading: false,
    particularBlog: [],
    count: 13,
    next: 'http://127.0.0.1:8000/api/blog/all-blog/?page=2',
    previous: null,
    results: [
      {
        id: 47,
        user: 1,
        title: 'adasd',
        short_title: 'asd',
        publish: '2019-09-16',
        slug: 'adasd',
        comments_count: 0,
        likes_count: 0
      },
      {
        id: 46,
        user: 1,
        title: 'adasda',
        short_title: 'asdas',
        publish: '2019-09-16',
        slug: 'adasda',
        comments_count: 0,
        likes_count: 0
      }
    ]
  },

我做的是

<div>{
       this.props.blog && Object.keys(this.props.blog).map((key) => {
       return <p>{this.props.blog.results[key]}</p>
     })
}</div>

但它给出了错误说明未定义的分页。有人可以指出我在这里做错了什么吗？

Answer 1

哪里发生了什么

Object.keys(this.props.blog).map((key) => {正在获取 keys的 this.props.blog和 this.props.blog.results[key]正在尝试访问 results 的属性使用 blog 的键.

你应该做的是再有一个.map与 Object.keys的 this.props.blog.results

或

我认为您要做的是列出 this.props.blog.results 上的所有属性数组，所以这是你可以做的

this.props.blog && this.props.blog.results && this.props.blog.results.map(result=> <p>{result.short_title}</p>

你做 .map在 results 上数组和显示 short_title .