У ES6, чи можна скоротити наступний код. У мене є App.js
файл і index.js
.
index.js
import App from './App';
export default App;
Щось на зразок цього
index.js
export default App from './App.js'
Відповіді:
Якщо ви використовуєте proposal-export-default-from
плагін Babel (який є частиною stage-1
попередньо встановленого ), ви зможете повторно експортувати за замовчуванням, використовуючи такий код:
export default from "./App.js"
Для отримання додаткової інформації див . Пропозицію ECMAScript .
Інший спосіб (без цього плагіна):
export { default } from "./App.js"
export { default as MyModule } from "./my-modue.js"; const { oneSmallFunction } = MyModule
Просто йду на додаткову милю.
import App from './App';
export default App;
@babel/preset-react
) може перетворити наступне:export { default as App } from './App.js';
Пов'язані обговорення:
Це трохи повторення з попередніх відповідей, але для з’ясування різниці у двох варіантах:
1. експорт за замовчуванням
(Очевидно, це те, що хоче ОП)
export { default } from './App'
// in a different file
import App from './index'
2. названий експорт
export { default as App } from './App'
// in another file
import { App } from './index'
Вони працюватимуть, react
як зазначено у відповіді vsync .