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”}

格式，或者简单地使用

{“name”：“John”}

。第二种情况的全面实施将是：

main.app

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

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

data.json

{ "name" : "Jonh" }

但是，上面的代码是React实现（用于web）。如果使用标记的

react native

，则应将其包装在

Text

节点中以使其正常工作：

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

...

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

。。。
从“react native”导入{Text}
...
render（）{
返回{data.name}；

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

...

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