导出更高阶的组件而没有'export default'

Question

react-click-outside如果用户在菜单外单击,我用来隐藏下拉菜单.通常,我会像这样导出组件:

export default enhanceWithClickOutside(Dropdown);

但是,在这种情况下,我想导出组件

export { enhancedWithClickOutside(Dropdown) };

但这显然不起作用.有没有办法导出使用{}并应用更高阶的组件功能？

Answer 1

export class Dropdown extends React.component {
  ...
}

export const EnhancedDropdown = enhanceWithClickOutside(Dropdown);

别的地方

import { Dropdown, EnhancedDropdown } from 'path/to/Dropdown';