Eu gostaria de fazer o seguinte, mas com uma única linha, se possível:
import Module from './Module/Module;
export Module;
Tentei o seguinte, mas não parece funcionar:
export Module from './Module/Module;
react-native
ecmascript-6
import
Detuned
fonte
fonte
module.exports = require('./inner.js')
? e éexport { foo as default }
ES6 válido?Respostas:
é a forma padrão do ES6, desde que não seja necessário
Module
estar disponível também dentro do módulo que faz a exportação.é uma proposta ESnext maneira de fazê-lo, mas que só funciona se você ativá-lo no Babel por enquanto.
fonte
component
agora é somente leitura e não pode ser recarregado a quente. Muito estranho!export-extensions
aqui - babeljs.io/docs/plugins/transform-export-extensionsexport { default as default } from
ouexport { default } from
Não sei por que, mas isso funciona para mim:
components / index.js:
Eu importo as exportações assim:
fonte
Observe que você também pode reexportar tudo de um módulo:
fonte
Para componentes do React Native, esta sintaxe funciona para mim:
fonte
Portanto, descobri que isso funciona muito bem para a funcionalidade de exportação imediata de ter um
index.js
na raiz docomponents
diretório para facilitar a referência:Você precisa usar
module.exports
.fonte
Component
não será mais uma referência ao seu componente exportado, mas será um objeto, com sua referência de instância viva emComponent.default
module.exports
? Eu gosto desse método de empacotar um monte de componentes em um,index.js
mas não consigo descobrir a sintaxe.import x from 'x'; import y from 'y'; export default {x, y};
entãoimport {x} from xy;
não funciona (e não consigo descobrir por que não)export {x, y}
vez disso?