Javascript 如何从JSON文件中呈现内容？

如何在react中正确显示JSON文件数据？

您可以使用

Object.keys（）


从“./data.json”导入数据
//在渲染函数中，jsx
{Object.keys（data）.map（key=>{data[key].name}）}
您可以使用
Object.keys（）
然后使用map name属性


从“./data.json”导入数据
//在渲染函数中，jsx
{Object.keys（data）.map（key=>{data[key].name}）}
如果您实际上只想在这里提取对象的值，您可以在大多数现代浏览器中使用（除非您使用IE，如果您使用IE，我会感到痛苦）

要在React中为您提供一个工作示例，请执行以下操作：

import data from "./data.json"

function renderLinks() {
  const records = Object.values(data);
  return (
    <ul>
      {records.map((x, i) => <li key={i}><a href="#">{x.name}</a></li>)}
    </ul>
  )
}

从“/data.json”导入数据
函数renderLinks（）{
常量记录=对象值（数据）；
返回(

{records.map（（x，i）=>
）}

)
}
实际上，只要在这里提取对象的值，就可以在大多数现代浏览器中使用（除非您使用IE，如果您使用IE，我会感觉到您的痛苦）

要在React中为您提供一个工作示例，请执行以下操作：

import data from "./data.json"

function renderLinks() {
  const records = Object.values(data);
  return (
    <ul>
      {records.map((x, i) => <li key={i}><a href="#">{x.name}</a></li>)}
    </ul>
  )
}

从“/data.json”导入数据
函数renderLinks（）{
常量记录=对象值（数据）；
返回(

{records.map（（x，i）=>
）}

)
}
对象。键（数据）给出[“1”、“2”…]

所以你可以循环键

Object.keys(data).forEach(function(key){
  console.log(data[key].name);
});

键（数据）给出[“1”、“2”…]

所以你可以循环键

Object.keys(data).forEach(function(key){
  console.log(data[key].name);
});

如果不关心顺序，可以使用
Object.keys（）

Object.key（数据）.forEach（（key）=>{
console.log（数据[key].name）；
});

否则，如果您确实关心顺序，请使用for循环并将整数转换为字符串

for（int i=0；i
如果您不在乎顺序，可以使用
Object.keys（）

Object.key（数据）.forEach（（key）=>{
console.log（数据[key].name）；
});

否则，如果您确实关心顺序，请使用for循环并将整数转换为字符串

for（int i=0；i
我明白了。我想把这些名字都嵌入到一个链接中，我可以用Object.values（）来实现，对吗？@DarrelGulseth是的，你可以，而不是
forEach
，你可以简单地把结果映射出来，例如
Object.values（data）.map（x=>）
@James Stay happy:）@James非常感谢。我明白了。我想把这些名字都嵌入到一个链接中，我可以用Object.values（）来实现，对吗？@DarrelGulseth是的，你可以，而不是
forEach
，你可以简单地映射出结果，例如
Object.values（data.map）（x=>）
@James Stay happy:）@James非常感谢你。FWIW在呈现列表时，你应该提供一个
键，此代码将在控制台中标记警告。FWIW当呈现列表时，您应提供一个
键
，此代码将在控制台中标记警告。