React Native: comment diviser un fichier en plusieurs fichiers et les importer?

Question

J'écris ma première application en React Native et mon fichier js devient assez gros. Quelle est la bonne façon de diviser le fichier.

Si j'ai quelque chose comme

var MyClass = React.createClass({
  ...
})

Puis-je l'enregistrer sur myclass.js et inclure une commande dans un autre fichier js?

Answer 1

En général, vous pouvez effectuer les opérations suivantes:

var MyClass = React.createClass({
    ...
)}

module.exports = MyClass;

De cette façon, vous dites ce qui devrait être accessible au public.

Et puis, dans votre ancien gros fichier, vous pouvez charger le contenu comme ceci:

var MyClass = require('./myclass.js');

Require renvoie l'objet qui fait référence à la valeur de module.exports.

Answer 2

Voici la solution mise à jour en utilisant l'instruction import (dans la dernière version de React-Native et généralement Javascript adhérant à ECMAScript6 et versions ultérieures):

file1 myClass.js:

export default class myClass {...}

file2 app.js:

import myClass from './myClass';

Il s'agit de la version de base utilisant une seule exportation default. Vous pouvez également exporter named exportations qui doivent être explicitement répertoriées lors de l'importation. Pour plus d'informations, voir export et import .