ReactJS - console.log(ObjectName) //Working console.log(ObjectName.property) //无法识别属性

Question

我需要以下代码的帮助

​

import React, {useEffect, useState} from "react";
import APIService from './service/ApiService'

export default function App() {

    useEffect(() => {
        APIService.getAdminApp('KYC').then(donnees => { //stats
            updateStats(donnees)
        }).catch(function (ex) {
            console.log('Erreur de parsing')
        });
    },[]);

    const [stats, updateStats] = useState([]);
    const keys = stats.application
    
    console.log(keys)
    
    
    return(<div>
    </div>);
}

​

只要我执行console.log(keys)，对象的内容就会正确显示。

​

​

但是当我执行console.log(keys.name)时，属性名不能被识别。

​

​

为什么？为了获取信息，我在useEffect中的getAdminApp函数在API上使用了GET。提前谢谢你。

Answer 1

最后我做到了：

​

import React, {useEffect, useState} from "react";
import APIService from './service/ApiService'

export default function App() {

    useEffect(() => {
        APIService.getAdminApp('KYC').then(donnees => { //stats
            updateStats(donnees)
        }).catch(function (ex) {
            console.log('Erreur de parsing')
        });
    },[]);

    const [stats, updateStats] = useState([]);
    const keys = stats.application
    const array = stats.statistiqueList
    return(<div>
        <p>{keys?.name}</p>
        <p>{array[0]?.code}</p>
    </div>);
}

​

它起作用了，谢谢！^^