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

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';