Antworten:
export {default as Module} from './Module/Module';
ist die Standardmethode von ES6, solange Sie nicht Moduleauch innerhalb des Moduls verfügbar sein müssen, das den Export ausführt.
export Module from './Module/Module';
ist eine vorgeschlagene ESnext-Methode, die jedoch nur funktioniert, wenn Sie sie vorerst in Babel aktiviert haben.
componentjetzt schreibgeschützt ist und nicht im laufenden Betrieb neu geladen werden kann. Sehr eigenartig!
export-extensionshier - babeljs.io/docs/plugins/transform-export-extensions
export { default as default } fromoderexport { default } from
Ich weiß nicht warum, aber genau das funktioniert bei mir:
components / index.js:
import Component from './Component';
import Component2 from './Component2';
import Component3 from './Component3';
import Component4 from './Component4';
export {Component, Component2, Component3, Component4};
Ich importiere die Exporte wie folgt:
import {Component, Component2, Component3, Component4} from '../components';
Bitte beachten Sie, dass Sie auch alles aus einem Modul erneut exportieren können:
export * from './Module/Module';
Für React Native-Komponenten funktioniert diese Syntax für mich:
export {default} from 'react-native-swiper';
Daher habe ich festgestellt, dass dies für die sofortige Exportfunktionalität sehr gut funktioniert, da sich index.jsim Stammverzeichnis des componentsVerzeichnisses ein Verzeichnis zum einfachen Referenzieren befindet:
import Component from './Component/Component'
import ComponentTwo from './ComponentTwo/ComponentTwo'
module.exports = {
Component,
ComponentTwo
};
Sie müssen verwenden module.exports.
Componentes sich nicht mehr um eine Referenz auf Ihre exportierte Komponente, sondern um ein Objekt, auf dem Ihre Component.default
module.exports? Ich mag diese Methode, eine Reihe von Komponenten in eine zu index.jspacken, kann aber die Syntax nicht herausfinden. import x from 'x'; import y from 'y'; export default {x, y};dann import {x} from xy;funktioniert es nicht (und ich kann nicht herausfinden, warum nicht)
export {x, y}stattdessen versucht ?
module.exports = require('./inner.js')? und istexport { foo as default }ES6 gültig?