React Native: Как разбить файл на несколько файлов и импортировать их?

Я пишу свое первое приложение в ответном native, и мой js файл становится довольно большим. Каков правильный способ разбить файл.

Если у меня есть что-то вроде

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

Можно ли сохранить его в myclass.js и включить в него какую-то команду в другом файле js?

Ответ 1

В общем вы можете сделать следующее:

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

module.exports = MyClass;

Таким образом вы сообщаете, что должно быть общедоступным.

И тогда в вашем бывшем большом файле вы можете загрузить содержимое следующим образом:

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

Требовать возвращает объект, который ссылается на значение module.exports.

Ответ 2

Вот обновленное решение с использованием оператора import (в последнем React-Native и, как правило, Javascript, придерживающегося ECMAScript6 и более поздних версий):

file1 myClass.js:

export default class myClass {...}

file2 app.js:

import myClass from './myClass';

Это базовая версия, использующая один экспорт default. Вы также можете экспортировать экспорт named, который должен быть явно указан при импорте. Для получения дополнительной информации см. export и import.