J'aimerais ce qui suit mais avec une seule ligne, si possible:
import Module from './Module/Module;'
export Module;
J'ai essayé ce qui suit mais cela ne semble pas fonctionner:
export Module from './Module/Module;
J'aimerais ce qui suit mais avec une seule ligne, si possible:
import Module from './Module/Module;'
export Module;
J'ai essayé ce qui suit mais cela ne semble pas fonctionner:
export Module from './Module/Module;
Réponses:
export {default as Module} from './Module/Module';
est la méthode ES6 standard, tant que vous n'avez pas besoin Module
d'être également disponible à l'intérieur du module effectuant l'exportation.
export Module from './Module/Module';
est un moyen proposé par ESnext de le faire, mais cela ne fonctionne que si vous l'avez activé dans Babel pour le moment.
component
est maintenant en lecture seule et ne peut pas être rechargé à chaud. Très étrange!
export-extensions
ici - babeljs.io/docs/plugins/transform-export-extensions
export { default as default } from
orexport { default } from
Je ne sais pas pourquoi mais cela fonctionne pour moi:
composants / index.js:
import Component from './Component';
import Component2 from './Component2';
import Component3 from './Component3';
import Component4 from './Component4';
export {Component, Component2, Component3, Component4};
J'importe les exportations comme ceci:
import {Component, Component2, Component3, Component4} from '../components';
Veuillez noter que vous pouvez également tout réexporter à partir d'un module:
export * from './Module/Module';
Pour les composants React Native, cette syntaxe fonctionne pour moi:
export {default} from 'react-native-swiper';
Donc, j'ai trouvé que cela fonctionnait assez bien pour la fonctionnalité d'exportation immédiate d'avoir un index.js
à la racine du components
répertoire pour un référencement facile:
import Component from './Component/Component'
import ComponentTwo from './ComponentTwo/ComponentTwo'
module.exports = {
Component,
ComponentTwo
};
Vous devez utiliser module.exports
.
Component
ne sera plus une référence à votre composant exporté, mais sera plutôt un objet, avec votre référence d'instance vivanteComponent.default
module.exports
? J'aime cette méthode d'empaquetage d'un tas de composants dans un index.js
mais je ne peux pas comprendre la syntaxe. import x from 'x'; import y from 'y'; export default {x, y};
alors import {x} from xy;
ne fonctionne pas (et je ne comprends pas pourquoi)
export {x, y}
place?
module.exports = require('./inner.js')
? et ES6 est-ilexport { foo as default }
valide?