javascript - 如何读取和显示 JSON

Question

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

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

JSON文件：

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

应用程序.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>
    );
  }
}

Answer 1

所以你正在访问一个数组，没有myfile.name分配给const name，但是，你可以做这样的事情；const name = myfile[0].name仅供乔治参考。

最后，您没有从 JSON 中正确提取信息。

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

Answer 2

那是因为你myFile的不是对象而是数组。

使用地图数组方法：

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

Hope that helped!