时间戳

首页 > 解决方案 > 我需要从我的 JSON 本地文件中检索数据以显示示例

react-native - 我需要从我的 JSON 本地文件中检索数据以显示示例

问题描述

主应用： 

Import data from ‘../data.json’;

export default Class App extend component {

  Render(){
          Return (
               <View>
                    <Text>Name<Text>
               <View>
           );
      }
}

JSON文件：

data : {
       “name” : “jonh”,
}

标签： react-native

解决方案

您提供的 json 文件无效。可以像这样使用它：{ "data" : { "name": "Jonh" } }格式或简单地使用{ "name" : "John" }. 第二种情况的完整实施将是：

主程序

import React, { Component } from 'react';
import data from './data.json'

export default class App extends Component {
  render() {
     return data.name;
  }
}

数据.json

{ "name" : "Jonh" }

然而，上面的代码是一个 React 实现（用于 web）。如果你使用react-native, 标记，你应该将它包装在一个Text节点中以使其工作：

...   
import { Text } from 'react-native'

...

render(){
  return <Text>{data.name}</Text>;

推荐阅读