Risposte:
export {default as Module} from './Module/Module';
è la modalità ES6 standard, a patto che non sia necessario Module
essere 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.
component
ora è di sola lettura e non può essere ricaricato a caldo. Molto strano!
export-extensions
qui - babeljs.io/docs/plugins/transform-export-extensions
export { default as default } from
oexport { 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.js
alla radice della components
directory per un facile riferimento:
import Component from './Component/Component'
import ComponentTwo from './ComponentTwo/ComponentTwo'
module.exports = {
Component,
ComponentTwo
};
Devi usare module.exports
.
Component
non 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.js
ma 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?