Saya ingin yang berikut tetapi dengan satu baris, jika memungkinkan:
import Module from './Module/Module;'
export Module;
Saya mencoba yang berikut ini tetapi sepertinya tidak berhasil:
export Module from './Module/Module;
Saya ingin yang berikut tetapi dengan satu baris, jika memungkinkan:
import Module from './Module/Module;'
export Module;
Saya mencoba yang berikut ini tetapi sepertinya tidak berhasil:
export Module from './Module/Module;
Jawaban:
export {default as Module} from './Module/Module';
adalah cara ES6 standar, selama Anda tidak perlu Module
juga tersedia di dalam modul saat mengekspor.
export Module from './Module/Module';
adalah cara ES berikutnya untuk melakukannya, tetapi itu hanya berfungsi jika Anda telah mengaktifkannya di Babel untuk saat ini.
component
sekarang hanya baca dan tidak dapat dimuat ulang secara panas. Sangat aneh!
export-extensions
sini - babeljs.io/docs/plugins/transform-export-extensions
export { default as default } from
orexport { default } from
Saya tidak tahu mengapa tetapi hanya ini yang berhasil untuk saya:
komponen / index.js:
import Component from './Component';
import Component2 from './Component2';
import Component3 from './Component3';
import Component4 from './Component4';
export {Component, Component2, Component3, Component4};
Saya mengimpor ekspor seperti ini:
import {Component, Component2, Component3, Component4} from '../components';
Harap dicatat Anda juga dapat mengekspor ulang semuanya dari modul:
export * from './Module/Module';
Untuk komponen React Native, sintaks ini berfungsi untuk saya:
export {default} from 'react-native-swiper';
Jadi, saya telah menemukan ini berfungsi cukup baik untuk fungsionalitas ekspor langsung yang memiliki index.js
di root components
direktori untuk referensi yang mudah:
import Component from './Component/Component'
import ComponentTwo from './ComponentTwo/ComponentTwo'
module.exports = {
Component,
ComponentTwo
};
Anda perlu menggunakan module.exports
.
Component
tidak akan lagi menjadi referensi ke komponen yang diekspor, melainkan akan menjadi objek, dengan referensi instance Anda tetap aktifComponent.default
module.exports
? Saya suka metode pengemasan sekelompok komponen ini menjadi index.js
tetapi tidak dapat memahami sintaksnya. import x from 'x'; import y from 'y'; export default {x, y};
kemudian import {x} from xy;
tidak berfungsi (dan saya tidak tahu mengapa tidak)
export {x, y}
?
module.exports = require('./inner.js')
? dan Apakahexport { foo as default }
ES6 valid?