React Native: Come dividere un file in più file

Question

Sto scrivendo la mia prima app in react native e il mio file js sta diventando piuttosto grande. Qual è il modo corretto per dividere il file.

Se ho qualcosa di simile

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

Posso salvarlo a myclass.js e comprendono in da qualche comando in un altro file di js?

Answer 1

In generale è possibile effettuare le seguenti operazioni:

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

module.exports = MyClass; 

questo modo di dire quello che dovrebbe essere a disposizione del pubblico.

E poi, nel primo grande file è possibile caricare i contenuti in questo modo:

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

Richiede restituisce l'oggetto che fa riferimento il valore di module.exports.

Answer 2

Ecco la soluzione aggiornata con utilizzando l'istruzione import (in ultima React-nativi e generalmente Javascript aderendo al ECMAScript6 e versioni successive):

file1 myClass.js:

export default class myClass {...} 

file2 app.js :

import myClass from './myClass'; 

Questa è la versione di base che utilizza un'unica esportazione default. È inoltre possibile esportare le esportazioni da named che devono essere esplicitamente elencate durante l'importazione. Per maggiori informazioni vedi export e import.