如何将嵌套在数组中的数组映射为 table 形式？

Question

我正在尝试以 table 形式显示我的数据（Headers：key1 和 key2）。这是我的代码：

render() {
        console.log((this.state.message)); 
        const datamapping = Object.entries(this.state.message);
        console.log(datamapping);
        return (
            <div>
                <div className="viewall">
                    {datamapping.map((data, key) => {
                        return (
                            <div key={key}>
                                <p>{data.key1}</p>
                            </div>
                        );
                    })}
                </div>
            </div>
        );
    }

console.log(this.state.message) return如下： {项目：Array(4)，计数：4，ScannedCount：4}

在“项目”中：

Items: Array(4)
0: {key1: "value", key2: "value"}
1: {key1: "value", key2: "value"}
2: {key1: "value", key2: "value"}
3: {key1: "value", key2: "value"}

我应该如何才能以 table 格式显示“值”？目前，{data.key1} 没有 return 任何值。

Answer 1

对 this.state.message.Items 使用映射，因为 Items 已经是数组

this.state.message.Items.map()

Answer 2

添加 ?数据映射后

{datamapping?.map((data, key) => {
    return (
      <div key={key}>
         <p>{data.key1}</p>
      </div>
   );
  })}

如何将嵌套在数组中的数组映射为 table 形式？

How to map an array that is nested within arrays into a table form?

arrays

mapping

object

reactjs