javascript - 如何在React js中使用map函数获取嵌套循环值？

Question

如何在react js中获取TC id值并使用map函数

这是我的代码 json

[
    {
        "Results": {
            "TC": [
                {
                   "id": 1
                 },
                 {
                   "id": 2
                 },
                 {
                   "id": 3
                 }
            ]
        }
   }
]

这是我的 react 代码:

import PostData from './result_log.json';

{PostData.map((PostDetail, index) => {
    return <h1>{PostDetail.Results.TC.length}</h1>
})}

Answer 1

以下是如何在 json 代码中为 TC 数组内的每个 id 创建 h1 应答器标记。

import PostData from './result_log.json';

const getAllIds = () => {
  const idsArray = PostData.map(item => {
    return item.Results.TC.map(it => <h1>{it.id}</h1>)
  }.reduce((acc, curr) => [...acc, ...curr], [])

  return idsArray
}

getAllIds()

我已经展平了第一个 map 结果，因此您只有一个包含 json 代码的每个 id 键值的数组。

https://jsfiddle.net/v5r8oyds/