Chciałbym wykonać następujące czynności, ale z pojedynczym wierszem, jeśli to możliwe:
import Module from './Module/Module;'
export Module;
Próbowałem wykonać następujące czynności, ale wydaje się, że nie działa:
export Module from './Module/Module;
react-native
ecmascript-6
import
Odstraszony
źródło
źródło
module.exports = require('./inner.js')
? i czyexport { foo as default }
ważny jest ES6?Odpowiedzi:
jest standardowym sposobem ES6, o ile nie musisz
Module
być również dostępny w module wykonującym eksport.jest proponowanym sposobem ESnext na zrobienie tego, ale działa tylko wtedy, gdy włączyłeś go na razie w Babel.
źródło
component
jest teraz tylko do odczytu i nie można go ponownie załadować na gorąco. Bardzo dziwny!export-extensions
tutaj - babeljs.io/docs/plugins/transform-export-extensionsexport { default as default } from
lubexport { default } from
Nie wiem dlaczego, ale to działa dla mnie:
komponenty / index.js:
Importuję eksport w ten sposób:
źródło
Pamiętaj, że możesz również ponownie wyeksportować wszystko z modułu:
źródło
W przypadku komponentów React Native ta składnia działa dla mnie:
źródło
Tak więc stwierdziłem, że działa to całkiem dobrze w przypadku funkcji natychmiastowego eksportu polegającej na posiadaniu
index.js
w katalogu głównymcomponents
katalogu w celu łatwego odniesienia:Musisz użyć
module.exports
.źródło
Component
nie będzie już odniesieniem do wyeksportowanego komponentu, ale będzie obiektem, z odwołaniem do instancjiComponent.default
module.exports
? Podoba mi się ta metoda pakowania kilku komponentów w plik,index.js
ale nie mogę zrozumieć składni.import x from 'x'; import y from 'y'; export default {x, y};
toimport {x} from xy;
nie działa (i nie wiem dlaczego nie)export {x, y}
zamiast tego ?