Я хотів би наступного, але, якщо можливо, з одним рядком:
import Module from './Module/Module;'
export Module;
Я спробував таке, але, схоже, це не працює:
export Module from './Module/Module;
Я хотів би наступного, але, якщо можливо, з одним рядком:
import Module from './Module/Module;'
export Module;
Я спробував таке, але, схоже, це не працює:
export Module from './Module/Module;
Відповіді:
export {default as Module} from './Module/Module';
- це стандартний спосіб ES6, якщо вам не потрібно Module
також бути доступним всередині модуля, який здійснює експорт.
export Module from './Module/Module';
це запропонований ESnext спосіб зробити це, але це працює лише в тому випадку, якщо ви його включили в Babel.
component
функція тепер доступна лише для читання і не може бути перезавантажена. Дуже дивно!
export-extensions
тут - babeljs.io/docs/plugins/transform-export-extensions
export { default as default } from
абоexport { default } from
Я не знаю чому, але просто це працює для мене:
компоненти / index.js:
import Component from './Component';
import Component2 from './Component2';
import Component3 from './Component3';
import Component4 from './Component4';
export {Component, Component2, Component3, Component4};
Я імпортую експорт так:
import {Component, Component2, Component3, Component4} from '../components';
Зауважте, ви також можете реекспортувати все з модуля:
export * from './Module/Module';
Для компонентів React Native цей синтаксис працює для мене:
export {default} from 'react-native-swiper';
Отже, я виявив, що це працює досить добре для функціональності негайного експорту, що має index.js
у корені components
каталогу для легкого посилання:
import Component from './Component/Component'
import ComponentTwo from './ComponentTwo/ComponentTwo'
module.exports = {
Component,
ComponentTwo
};
Вам потрібно користуватися module.exports
.
Component
більше не буде посиланням на експортований компонент, а натомість буде об’єктом, на якому посилається ваш посилання на екземплярComponent.default
module.exports
? Мені подобається цей спосіб упаковки купки компонентів у, index.js
але не можу зрозуміти синтаксис. import x from 'x'; import y from 'y'; export default {x, y};
то import {x} from xy;
не працює (і я не можу зрозуміти, чому ні)
export {x, y}
натомість?
module.exports = require('./inner.js')
? і чиexport { foo as default }
дійсний ES6?