导出没有 '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';

Export higher order components without 'export default'