Question

我想知道常见的方法是如何将大文本导入View。在我的情况下，我正在为Android和iOS开发一个React Native App，在我的一个视图中，我想要呈现“使用条款”文档。现在，当我只是将其导入/复制粘贴到文本组件中时，它就不是正确的解决方案，尤其是当我需要使用本地化来呈现所需的语言时。我将如何“导入”这个文本块，以便格式化，我不需要将所有内容放入我的视图中：

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

Answer 1

您可以使用：

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

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

file.description

Answer 2

我将它作为JSON，特别是如果你需要带一些其他（元）数据与文本。在fetch(url)上调用componentWillMount并填充<Text>{this.state.hugeText}</Text>组件的位置：

作为一个概念：

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

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

Answer 3

我尝试了fetch，但它无法正常工作（无法找到该文件）。

我尝试了这个，它起作用了：

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


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

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

3 个答案: