Ich möchte Folgendes tun, aber wenn möglich mit einer einzigen Zeile:
import Module from './Module/Module;
export Module;
Ich habe Folgendes versucht, aber es scheint nicht zu funktionieren:
export Module from './Module/Module;
quelle
Ich möchte Folgendes tun, aber wenn möglich mit einer einzigen Zeile:
import Module from './Module/Module;
export Module;
Ich habe Folgendes versucht, aber es scheint nicht zu funktionieren:
export Module from './Module/Module;
export {default as Module} from './Module/Module';
ist die Standardmethode von ES6, solange Sie nicht Module
auch 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.
component
jetzt schreibgeschützt ist und nicht im laufenden Betrieb neu geladen werden kann. Sehr eigenartig!
export-extensions
hier - babeljs.io/docs/plugins/transform-export-extensions
export { default as default } from
oderexport { 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.js
im Stammverzeichnis des components
Verzeichnisses 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
.
Component
es 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.js
packen, 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?