Javascript 如何读取和显示JSON

我正在尝试打开一个本地JSON文件，并将信息显示在我的应用程序上

代码似乎正在运行，但JSON信息不显示。 如何获取要显示的JSON信息、姓名和年龄字段

JSON文件：

[
    {
        "name": "George",
        "age": "25"
    },
    {
        "name": "Sarah",
        "age": "42"
    }
]

App.js：

import * as myfile from './myfile.json'

const name = myfile.name;
const age = myfile.name;

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>This is name: {name} This is age: {age}
        </Text>
      </View>
    );
  }
}

import*作为“./myfile.json”中的myfile
const name=myfile.name；
const age=myfile.name；
导出默认类App扩展React.Component{
render（）{
返回(
这是姓名：{name}这是年龄：{age}
);
}
}

这是因为您的

myFile

不是对象而是数组

使用映射数组方法：

...
 <View style={styles.container}>
       {myFile.map(({ name, age }) => (
        <Text>This is name: {name} This is age: {age}
        </Text>
       )}
 </View>
...

Hope that helped!

。。。
{myFile.map（{name，age}）=>(
这是姓名：{name}这是年龄：{age}
)}
...
希望有帮助！

因此，在访问数组时，没有

myfile.name

分配给

const name

，但是，您可以这样做；

const name=myfile[0]。name

仅供George参考

总之，您没有正确地从JSON中提取信息

---

另外，如果你能告诉我预期的行为是什么，我可以帮你。

Try myfile[1]的可能重复。name..这是一个数组..太棒了！如果我继续这个JSON文件，有100个条目，我会继续计数到相应的条目吗？例如[1]，[2]，[3]-[100]是的，您将必须提取该信息。您可以通过以下方式执行：@axell2017立即尝试。非常好的方法。JSON文件是否需要“const JSON=“[intheit”？有没有一种方法可以不在JSON文件中声明任何javascript来执行此操作？谢谢！