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

古鲁穆尔蒂·达纳巴尔

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

这是我的代码 json

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

这是我的反应代码:

import PostData from './result_log.json';

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

以下是如何在 json 代码中为数组中的h1每个 id创建balise 标签TC

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()

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

https://jsfiddle.net/v5r8oyds/

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在react Js中使用map实现嵌套循环

如何在React中使用Map函数渲染Firestore集合?

我如何在React JS函数中使用jQuery $(this)

如何在React中使用Stripe JS触发函数?

如何在 React js 中使用获取的数据过滤数组?

如何在react js中使用map生成表中的行?

如何在异步函数 discord.js 中的 message.react() 中使用循环

如何在React中使用ALERTIFY JS?

如何在 React js 中使用 forEach

如何在React Js中的map函数内部使用Bootstrap Modal来呈现单个元素?

如何在JSX中使用map嵌套循环?

如何在JavaScript中使用map()循环

如何在 JS React 中使用两个函数导出默认值?

如何在react js中增加map函数

如何在Swift中使用map函数?

如何在 React 中使用 map 函数显示对象数组中的图像链接?

如何在 React 中使用这个 map 函数来调用带有图像名称的 url

如何在React Native的js函数中使用Apollo graphql(react)?

React.js,如何正确使用map()函数显示数据?

如何在React Google Map中使用getDetails()

如何在React中使用arraylist的map()渲染模态

如何在 React 中使用 map 创建独立的子元素

如何在React中使用“ draggable()”函数?

如何在React JS中的图像加载事件的回调中使用函数?

如何在React JS中使用路由从查询字符串中获取数据

如何在React.js中使用获取的数据过滤数组?

如何在js中使用require函数

如何在 React.Js Hook 中使用 SQL 查询值正确填充下拉列表

如何在 React.JS 中使用多個值過濾數據