Importer du Texte à partir des locaux du fichier json à Réagir natif

Je me demande comment la façon la plus commune est l'importation d'un texte énorme d'un point de Vue. Dans mon cas, je suis en train d'élaborer une Réagir Application Native pour Android et iOS, et sur l'un de mes points de Vue, je veux vous présenter les "Conditions d'Utilisation" du document. Maintenant, quand je viens d'importer copier/coller dans un Composant Texte, il ne peut pas être la bonne solution, surtout quand j'ai besoin d'utiliser la localisation de présenter la langue désirée. Comment pourrais-je "importer" ce Texte-Bloc de sorte qu'il est agréable d'être formaté et je n'ai pas besoin de tout mettre dans mon point de Vue:

 <View style={styles.container}>
      <Text style={styles.text}> |JSON - Text-file, with about 600 words -> Terms of Use document |</Text>
 </View>
InformationsquelleAutor BigPun86 | 2015-10-12
  1. 15

    Vous pouvez utiliser:

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

    alors vous pouvez le traiter comme un objet javascript:

    file.description
    • Je vous remercie beaucoup. C'est exactement ce que je recherche.
    InformationsquelleAutor Damathryx
  2. 5

    J'avais comme JSON, surtout si vous avez besoin d'apporter quelques autres (méta)données par le texte. Où fetch(url) est appelée sur componentWillMount et <Text>{this.state.hugeText}</Text> composant est remplie:

    En tant que concept:

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

componentWillMount() {
  fetch('myText.json')
  .then((res) => res.json())
  .then((data) => {
    this.setState({
      hugeText: data.something
    });
  });
}
    • Je reçois unexpected url: simple.json erreur.
    InformationsquelleAutor zvona
  3. 1

    J'ai essayé fetch mais il ne fonctionne pas (n'était pas en mesure de trouver le fichier).

    J'ai essayé ce lieu, et il a travaillé:

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


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