javascript - 如何读取和显示 JSON

标签 javascript reactjs react-native

我正在尝试打开本地 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>
    );
  }
}

最佳答案

因此您正在访问一个数组,没有myfile.name 分配给const name,但是您可以这样做; const name = myfile[0].name 仅供乔治引用。

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

P.S.,如果你能告诉我预期的行为是什么,我可以帮助你。

关于javascript - 如何读取和显示 JSON,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55371162/

相关文章:

javascript - 根据下拉值加载 html 表单?

javascript - 我们可以在 React 中设置常量内部的样式吗

javascript - Web 组件 : Is there an equivalent to attributeChangedCallback for properties?

javascript - 如何调试共享网络 worker ?

css - Draft.js 更改默认等宽字体

javascript - 模块构建失败(来自 ./node_modules/mini-css-extract-plugin/dist/loader.js): ReferenceError: document is not defined

javascript - 通过动态变量检索 React 状态值

javascript - React Native Android 负边距

reactjs - 如何减小 React Native .apk 文件的大小?

Javascript:如何将 console.log 结果返回为字符串形式?