Risposte:
export {default as Module} from './Module/Module';
è la modalità ES6 standard, a patto che non sia necessario Moduleessere disponibili anche all'interno del modulo che esegue l'esportazione.
export Module from './Module/Module';
è un modo ESnext proposto per farlo, ma funziona solo se per ora lo hai abilitato in Babel.
componentora è di sola lettura e non può essere ricaricato a caldo. Molto strano!
export-extensionsqui - babeljs.io/docs/plugins/transform-export-extensions
export { default as default } fromoexport { default } from
Non so perché, ma funziona solo per me:
Componenti / index.js:
import Component from './Component';
import Component2 from './Component2';
import Component3 from './Component3';
import Component4 from './Component4';
export {Component, Component2, Component3, Component4};
Importo le esportazioni in questo modo:
import {Component, Component2, Component3, Component4} from '../components';
Tieni presente che puoi anche riesportare tutto da un modulo:
export * from './Module/Module';
Per i componenti React Native questa sintassi funziona per me:
export {default} from 'react-native-swiper';
Quindi, ho trovato che funziona abbastanza bene per la funzionalità di esportazione immediata di avere un index.jsalla radice della componentsdirectory per un facile riferimento:
import Component from './Component/Component'
import ComponentTwo from './ComponentTwo/ComponentTwo'
module.exports = {
Component,
ComponentTwo
};
Devi usare module.exports.
Componentnon sarà più un riferimento al tuo componente esportato, ma sarà invece un oggetto, con il tuo riferimento all'istanza attivo suComponent.default
module.exports? Mi piace questo metodo di impacchettare un gruppo di componenti in un index.jsma non riesco a capire la sintassi. import x from 'x'; import y from 'y'; export default {x, y};poi import {x} from xy;non funziona (e non riesco a capire perché no)
export {x, y}invece?
module.exports = require('./inner.js')? ed èexport { foo as default }valido ES6?