从多个类导出的js进行反应加载导入

Question

如何从多类导出js文件导入react-loadable.
我试图CustomButton从MyButton.js使用react-loadable中导入Home.js.这是我知道做的唯一方法,不起作用.

MyButton.js

import {
  CustomButton,
  BUTTON_STYLE,
  BUTTON_TYPE,
  BUTTON_SIZE,
  BUTTON_ALIGN,
  COLOR
} from './buttons';
module.exports = {
  CustomButton,
  BUTTON_STYLE,
  BUTTON_TYPE,
  BUTTON_SIZE,
  BUTTON_ALIGN,
  COLOR
}

Home.js

const AsyncButton = Loadable({
  loader: () => import('../../button/MyButton'),
  loading: Loading
});

请帮忙.提前致谢.

Answer 1

我能够这样做:

const AsyncButton = Loadable({
  loader: () => import('../../button/MyButton').then(module => module.CustomButton),
  loading: Loading
});

但是,我无法得到一个变量包含所有其他导出的地方.

Answer 2

我找到了一个解决方案

反应可加载文档

Loadable({
  loader: () => import('./my-component'),
  render(loaded, props) {
    let Component = loaded.namedExport;
    return <Component {...props}/>;
  }
});

它的工作。