reactjs - 导出不带 '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';