React Native: jak podzielić plik na wiele plików

Question

Piszę moją pierwszą aplikację w reakcji native i mój plik js robi się całkiem duży. Jaki jest właściwy sposób podziału pliku.

Jeśli mam coś

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

mogę zapisać go na myclass.js i to w jakimś poleceniem w innym pliku js?

Answer 1

Ogólnie można wykonać następujące czynności:

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

module.exports = MyClass; 

ten sposób można powiedzieć, jakie powinny być dostępne publicznie.

A potem, w swojej dawnej duży plik można załadować zawartość tak:

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

Wymagaj Zwraca obiekt, który odwołuje się do wartości module.exports.

Answer 2

Oto aktualizowane rozwiązanie z pomocą instrukcji import (w ostatni React Native-i ogólnie JavaScript przylegającą do ECMAScript6 i później):

file1 myClass.js:

export default class myClass {...} 

plik2 app.js :

import myClass from './myClass'; 

Jest to wersja podstawowa z pojedynczym eksportem default. Możesz również wyeksportować eksport named, które muszą być wyraźnie wymienione podczas importu. Aby uzyskać więcej informacji, zobacz export i import.