我正在嘗試使用 react 創(chuàng)建簡(jiǎn)單表。我正在導(dǎo)入 CustomerList，然后循環(huán)遍歷所有 Object.keys 以首先獲取表標(biāo)題，然后獲取正文部分。當(dāng)控制臺(tái)登錄時(shí)，我可以看到我所有的customerList屬性都在那里，但是當(dāng) console.loging Object.keys 時(shí)它顯示“未定義”，我不明白我在哪里犯了愚蠢的錯(cuò)誤。對(duì)于我能得到的所有幫助，我將不勝感激。提前致謝！我試過(guò)谷歌和 youtube 但沒(méi)有得到我正在尋找的答案export const customerList = [    {        name: "Anny Larsson",        age: 23,        id: 1,        title: "Title1",        accountNumber: "12345",        address: "Stockholm 14, Stockholm Sweden",        hobbyList:["coding", "writing", "reading", "skiing"],        emptyColumn: ""    },    {        name: "Helena hel",        age: 20,        id:2,        title: "Title2",        accountNumber: "22245",        address: "Stockholm City, Stockholm Sweden",        hobbyList:["coding", "Cooking", "games", "skiing"],        emptyColumn: ""    },    {        name: "Ayesha AAA",        age: 25,        id: 3,        title: "Title3",        accountNumber: "09845",        address: "Stockholm 21, Stockholm Sweden",        hobbyList:["coding", "Cooking", "games", "skiing"],        emptyColumn: ""    },   //more list goes here......     // ...............];export default customerList;// My customerListTable.jsimport React, { Component } from 'react';   import CustomerList from './CustomerList';import CustomerTitle from './CustomerTitle';class CustomerListTable extends Component {        state = {             customerList: CustomerList          }    componentDidMount(){        this.setState({            customerList: [...this.state.customerList] //copying the list        })    };    headerTitle = Object.keys(this.state.customerList[0]).map((header , index) => {        console.log("columnHeaderTitles ", this.headerTitle )        // return (        //     <li>{header}</li>        // )        })