axios 响应返回对象而不是数组

Question

我在本机反应中使用 axios。 postman 中的原始响应如下所示：

{
    "id": 2,
    "parent_id": 1,
    "name": "Default Category",
    "is_active": true,
    "position": 1,
    "level": 1,
    "product_count": 2,
    "children_data": [
        {
            "id": 3,
            "parent_id": 2,
            "name": "Papers",
            "is_active": true,
            "position": 1,
            "level": 2,
            "product_count": 2,
            "children_data": [
                {
                    "id": 5,
                    "parent_id": 3,
                    "name": "A44",
                    "is_active": true,
                    "position": 1,
                    "level": 3,
                    "product_count": 0,
                    "children_data": []
                }
            ]
        },
        {
            "id": 6,
            "parent_id": 2,
            "name": "Laptop",
            "is_active": true,
            "position": 2,
            "level": 2,
            "product_count": 1,
            "children_data": []
        }
    ]
}

当我尝试这个时如何console.log(typeof categoryResponse.data.children_data); 我得到对象。这会导致问题，因为我正在尝试更新类型数组的 react-native 中的状态变量。甚至打印 console.log(categoryResponse.data); 时的响应对象看起来也很奇怪。

对象{“children_data”：数组[ 目的 { “children_data”：数组 [ 目的 { "children_data": 数组 [], “身份证”：5， “is_active”：是的， “级别”：3， “名称”：“A44”， “父ID”：3， “位置”：1， "product_count": 0, }, ], “身份证”：3， “is_active”：是的， “级别”：2， “名称”：“论文”， “父ID”：2， “位置”：1， “product_count”：2， }, 目的 { "children_data": 数组 [], “身份证”：6， “is_active”：是的， “级别”：2， “名称”：“笔记本电脑”， “父ID”：2， “位置”：2， “product_count”：1， }, ], "id": 2, "is_active": true, "level": 1, "name": "Default Category", "parent_id": 1, "position": 1,
"product_count": 2, }

请帮忙

Answer 1

在 javascript 中，typeof 数组实际上是一个对象。在 javascript 中只有 6 种数据类型。数组是对象的子集，因此console.log(typeof categoryResponse.data.children_data) 会返回对象，即使它是一个数组。

但是你可以看到console.log(categoryResponse.data)，你看到了

Object { "children_data": Array [ Object { "children_data": Array [ Object { "children_data": Array [], "id": 5, "is_active": true, "level": 3, "name": "A44", "parent_id": 3, "position": 1, "product_count": 0, }, ], "id": 3, "is_active": true, "level": 2, "name": "Papers", "parent_id": 2, "position": 1, "product_count": 2, }, Object { "children_data": Array [], "id": 6, "is_active": true, "level": 2, "name": "Laptop", "parent_id": 2, "position": 2, "product_count": 1, }, ], "id": 2, "is_active": true, "level": 1, "name": "Default Category", "parent_id": 1, "position": 1,
"product_count": 2, }

在这里您可以看到“childern_data”是一个数组。

"children_data": Array [ Object {

所以基本上它是一个数组，不要让 typeof 混淆你。

希望对您有所帮助。如有疑问，请清除它