javascript - 如何在 index.js 中重新导出多个命名导出和多个默认导出？

Question

我正在尝试在 index.js 中重新导出 userActions.js 中的命名导出，即 create、update、delete 和 中的默认导出ScreenA.js 和 ScreenB.js。

我找到了两个有用的引用资料，但我仍然不确定这些示例中的哪一个是适合我的案例的正确解决方案。

• https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export

• https://www.digitalocean.com/community/tutorials/react-index-js-public-interfaces

我想问一下，当我 import { create, update, delete, screenA, screenB } from './user'; 时，index.js 中以下 4 个方法中的哪一个可以正常工作？

1)      export * from '.';

2)      export * from './userActions.js';
       export * from './ScreenA.js';
       export * from './ScreenB.js';

3)      export * from './userActions.js';
       export {ScreenA} from './ScreenA.js';
       export {ScreenB} from './Screenb.js';

4)      export * from './userActions.js';
       export {default as ScreenA} from './ScreenA.js';
       export {default as ScreenB} from './Screenb.js';

userActions.js

export const create = () => {}

export const update = () => {}

export const delete = () => {}

屏幕A.js

const ScreenA = () => ()
export default ScreenA;

屏幕B.js

const ScreenB = () => ()
export default ScreenB;

Answer 1

请看我下面的代码。据我了解，您在同一 user 文件夹中有文件 user/index.js 和一些文件，并且您想导出 user/index.js< 中的所有内容.

// In your "/user/index.js"
import { create, update, delete } from './userActions';
import screenA from './screenA';
import screenB from './screenB';

export {
  create,
  update,
  delete,
  screenA,
  screenB
};

// In some other module
import { create, update, delete, screenA, screenB } from './user';

值得注意的是，delete 似乎是Javascript 中的保留关键字，您需要使用其他名称。就这样。

如有误会请见谅