Javascript React：如何在data:Array（i）的fromat中呈现API响应数据以响应前端？

我需要检索特定作者所写书籍的

名称

，其中

作者名称

通过

get

请求提供

我的API工作正常，可以检索相关数据。在这个场景中，我将获得多本书的API响应JSON

API响应JSON:

[
    {
        "_id": "5cf40d9d74df260aa460a74b",
        "name": "Oliver Twist",
        "author": "Charles Dickens",
        "yearOfPublication": "1839",
        "__v": 0
    },
    {
        "_id": "5cf4115b4b557126a02c6087",
        "name": "David Copperfield ",
        "author": "Charles Dickens",
        "yearOfPublication": "1850",
        "__v": 0
    },
    {
        "_id": "5cf412c54b557126a02c6088",
        "name": "A Christmas Carol ",
        "author": "Charles Dickens",
        "yearOfPublication": "1843",
        "__v": 0
]

我尝试过使用

constbooks=this.state.data.toString（）

并通过

{books.name}

访问图书名称，但它不输出图书名称。但是，当I

console.log（）

时，response.data也会成功输出相关数据，如下所示：

0: {_id: "5cf40d9d74df260aa460a74b", name: "Oliver Twist", author: "Charles Dickens", …}
1: {_id: "5cf4115b4b557126a02c6087", name: "David Copperfield ", author: "Charles Dickens", …}
2: {_id: "5cf412c54b557126a02c6088", name: "A Christmas Carol ", author: "Charles Dickens", …}

---

有人能建议一种合适的方法来输出这些值，以便对前端做出反应吗？提前感谢。

您不需要.toString（）

因为您有任何数组，所以需要指定要在数组上映射或映射的元素

console.log（this.state.data[0].name）；
//或记录所有名称
this.state.data.map（item=>console.log（item.name））；

为什么

.toString（）

？只需映射到

this.state.data

，即

this.data.map（books=>console.log（books.name））

我很高兴它有帮助：）