reactjs - 无法访问属性“名称”，test[0] 未定义

Question

尝试从特定数组访问对象的键时，会发生此错误。如果你访问数组test [0]，它会显示一个对象，如果你访问一个特定的key test [0] .name，就会产生一个错误。告诉我是什么问题？

import React, {Component} from 'react';

class App extends Component {



    render() {
        const {test} = this.props;
        console.log(test[0].name);
        ...
            </div>
        );
    }
}

[
  {
        "postId": 1,
        "id": 1,
        "name": "id labore ex et quam laborum",
        "email": "[e-mail]",
        "body": "laudantium enim quasi est quidem magnam voluptate ipsam eos\ntempora quo necessitatibus\ndolor quam autem quasi\nreiciendis et nam sapiente accusantium"
    }...
]

标签： reactjs

Answer 1

为实际值设置一个空检查条件并避免呈现错误。

const {test} = this.props;
 let name = test && test[0].name;
 console.log(name);