Ich bin neu im ES6-Modul-System, so dass dies albern klingen mag.Importieren eines Moduls in eine React Native App
Im React Native Starter App die NativeBase verwendet, kann jemand erklären, wie native-starter-kit/js/components/home/index.js
import myTheme from '../../themes/base-theme`;
tun können, wenn die Datei, um sie von importiert, native-starter-kit/js/themes/base-theme.js keinen Code hat, den die Variable myThemeexport default?
Die zweite Datei, auf die Sie verweisen, ist ein vollständiger Exportstandard. Zeile 5:
export default {
// Badge
badgeBg: '#ED1727',
badgeColor: '#fff',
...
}
Also, wenn sie import myTheme from '../../themes/base-theme; tun die myTheme ist der Variablenname sie für das importierte Modul gewählt haben. In diesem Fall sucht der Transpiler nach dem Export default.
Wenn sie import { myTheme } from '../../themes/base-theme; getan hätten, dann hätte es ein Problem gegeben, da es nicht explizit im Export benannt wird. Dadurch wird beziehe nicht auf die default Export, sondern derjenige genannt explizit myTheme
ich nicht sicher bin ich sinnvoll, können Sie https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/import lesen ein
Exportieren ohne Standard bedeutet, es ist ein Namen geben wollen Export.
Sie können mehrere benannte Exporte in einer einzigen Datei haben.
Beispiel 1: export class Theme {}
Hier müssen Sie diese Export-Import seinen genauen Namen. export default class Theme {}
dann in einer anderen Datei
Wenn Sie als Standard Export als exportieren:
Um diese Komponente in andere Datei verwenden Sie das tun sollten, import { Theme } from '../../themes/base-theme'
Beispiel 2 Sie importieren den Standardexport, ohne das {} zu verwenden, so import Theme from '../../themes/base-theme'
Es kann nur einen Standard-Export pro Datei geben.
Obwohl seine React-Konvention eine Komponente aus einer Datei exportieren und exportieren als Standard-Export ist.
Sie können den Standardexport beim Importieren umbenennen. import myTheme from '../../themes/base-theme'