React native 在React native中从本地json文件导入文本

我想知道通常的方法是如何将一个巨大的文本导入到视图中。在我的例子中，我正在为Android和iOS开发一个React原生应用程序，在我的一个视图中，我想展示“使用条款”文档。现在，当我只是导入/复制粘贴到一个文本组件中时，它不可能是正确的解决方案，尤其是当我需要使用本地化来呈现所需的语言时。如何“导入”此文本块，使其具有良好的格式，并且不需要将所有内容都放入视图中：

 <View style={styles.container}>
      <Text style={styles.text}> |JSON - Text-file, with about 600 words -> Terms of Use document |</Text>
 </View>

|JSON-文本文件，约600字->使用条款文档|

我希望它是JSON，特别是当您需要在文本中包含一些其他（元数据）数据时。其中，

componentWillMount

调用

fetch（url）

，并填充

{this.state.hugeText}

组件：

作为一个概念：

constructor(props) {
  super(props);
  this.state = {
    hugeText: ''
  };
}

componentWillMount() {
  fetch('myText.json')
  .then((res) => res.json())
  .then((data) => {
    this.setState({
      hugeText: data.something
    });
  });
}

---

我尝试了

fetch

，但没有成功（无法找到文件）

我试过这个，但效果很好：

// at top of file
var jsonData = require('./myfile.json');


// inside component definition
render() {
    let deepProp = jsonData.whatever;
}

您可以使用：

import file from './config/TermsAndCondition.json';

然后可以将其视为javascript对象：

file.description

---

非常感谢你。这正是我想要的。我也这么做了，但在我的例子中，对象在控制台中运行了3次？