วิธีการส่งออกวัตถุที่นำเข้าใน ES6

กรณีใช้งานง่าย: ฉันแค่ต้องการส่งออกวัตถุที่มีชื่อเหมือนที่นำเข้ามา

ตัวอย่างเช่น:

import React from 'react';
export React;

แต่มันไม่ทำงาน ฉันต้องเขียน:

import React from 'react';
export const React = React;

แต่นี่มันแปลก วิธีที่ถูกต้องในการทำเช่นนี้คืออะไร?

อัปเดต :

ขอบคุณสำหรับความช่วยเหลือและการอ้างอิง ฉันได้แก้ปัญหาของฉันด้วยเบาะแสมากมาย ฉันต้องการแบ่งปันกรณีทั่วไปให้ฉันและวิธีแก้ปัญหา

การนำเข้าส่งออก

import d, {obj} from '...';

export {obj, d};
export {obj as name1, d as name2};

ส่งออกการนำเข้าที่มีชื่อทั้งหมดอีกครั้ง

export * from '...';
export * as name1 from '...';

ส่งออกการนำเข้าที่มีชื่อบางส่วนอีกครั้ง

export {a, b as name1} from '...';

ส่งออกการนำเข้าเริ่มต้นอีกครั้งเป็นการส่งออกเริ่มต้น

export {default} from '...';

ส่งออกการนำเข้าเริ่มต้นใหม่เป็นชื่อส่งออก

export {default as name1} from '...';

ฉันมักจะทำต่อไปนี้ในไฟล์ index.js ที่ประกอบด้วยหลายไฟล์:

export {default as SomeClass} from './SomeClass';
export {someFunction} from './utils';
export {default as React} from 'react';

รายการบล็อกนี้มีตัวอย่างเพิ่มเติมที่ดี

โน๊ตสำคัญ

คุณควรทราบกฎ eslintนี้เมื่อเข้าถึงการนำเข้าที่ส่งออกเหล่านี้ โดยพื้นฐานแล้วในไฟล์อื่นคุณไม่ควร:

import SomeClassModule from 'SomeClass/index.js';
SomeClassModule.someFunction(); // Oops, error

คุณควรทำสิ่งนี้:

import SomeClassModule, {someFunction} from 'SomeClass/index.js';
someFunction(); // Ok

คุณสามารถส่งออกไฟล์ที่นำเข้าด้วยโครงสร้างดังกล่าว

import First from './First'
import Second from './Second'
/..../
export { First, Second }

สำหรับกรณีการใช้งานของฉันฉันต้องมีคำสั่งนำเข้าอย่างชัดเจนเพื่อที่ Babel สามารถ transpile รหัส es7 ของฉันเป็น es5

ผลลัพธ์ต่อไปนี้มีข้อผิดพลาดYou gave us a visitor for the node type "ForAwaitStatement" but it's not a valid type:

require( 'babel-core/register' ); //transpiles es7 to es5
export {default} from './module_name'

โซลูชันของฉันคือนำเข้าโมดูลอย่างชัดเจนโดยใช้require():

require( 'babel-core/register' );
export default require( './module_name' ).default;

ให้./foo.js:

const Foo = class {
  talk() { return 'hello'; }
};

export default Foo;

จากนั้นคุณควรจะสามารถทำสิ่งนี้:

import Foo from './foo';

let foo = new Foo();

foo.talk(); // => 'hello';

ไวยากรณ์มากขึ้นหรือน้อยลงตามรูปแบบ commonjs module.exports ซึ่งคุณจะทำสิ่งนี้:

const Foo = class {

};

module.exports = Foo;

เพิ่มเติมที่นี่:

http://exploringjs.com/es6/ch_modules.html

คุณควรจะสามารถทำexport {React}และนำเข้าผ่านimport {React} from ./module

ดูhttps://developer.mozilla.org/en/docs/web/javascript/reference/statements/exportสำหรับข้อมูลเพิ่มเติม