javascript 如何运行嵌套的ReactMap函数？

42fyovps 于 2022-12-10 发布在 Java

关注(0)|答案(2)|浏览(111)

我有一个JSON，我需要获取数据并在UI中显示，但由于嵌套而无法执行。
JSON数据：

data =[
  {
        "First Row": {
            "info": 274.176,
        }
    },
    {
        "Second Row": {
            "info": 139.536,
        }
    }
]

我的代码：

{data
                ? data.map((val, i) =>
                    val[i].map((val2) => {
                      <>
                        <div>{val2.info}</div>
                      </>;
                    })
                  )
                : ""}

JavaScript

来源：https://stackoverflow.com/questions/74743724/how-to-run-nested-react-map-function

2条答案

按热度按时间

bpsygsoo1#

使用Object.values()获取一个包含所有值的数组，然后使用[0]获取第一个对象，您可以根据需要在该对象中访问info：
第一个

const data = [
    { "First Row": { "info": 274.176, } },
    { "Second Row": { "info": 139.536, } }
];

const r = data.map((val, i) => Object.values(val)[0].info);
console.log(r)

赞(0）回复(0）举报 2022-12-10

gr8qqesn2#

如果只想显示info值，可以执行以下操作。它在数据数组中循环。对于每一项，获取第一个键的值。（假设每一项只有一个键）

const DataDisplay = ({ data }) => {
  return (
    <div>
      {data.map((item, index) => {
        return (
          <div key={index}>
            <h3>{Object.keys(item)[0]}</h3>
            <div>{Object.values(item)[0].info}</div>
          </div>
        );
      })}
    </div>
  );
};

赞(0）回复(0）举报 2022-12-10

我来回答

javascript 如何运行嵌套的ReactMap函数？

2条答案

相关问题

热门标签

最新问答