导出没有“导出默认值”的高阶组件

【问题标题】：Export higher order components without 'export default'导出没有“导出默认值”的高阶组件
【发布时间】：2017-11-03 01:33:05
【问题描述】：

如果用户在菜单外点击，我将使用react-click-outside 隐藏下拉菜单。通常，我会像这样导出组件：

export default enhanceWithClickOutside(Dropdown);

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

export { enhancedWithClickOutside(Dropdown) };

但这显然行不通。有没有办法使用{} 导出并应用高阶组件功能？

【问题讨论】：

【解决方案1】：

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

export const EnhancedDropdown = enhanceWithClickOutside(Dropdown);

别处

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

【讨论】：