导出默认 HOC（示例组件）不适用于功能组件 React

Question

我无法将 HOC 的反应特性与功能组件一起使用。在下面的代码中，导出默认 HOC({component: SampleComponent}) 不起作用

const SampleComponent: FC = () => {
  return (<div>Hello World</div>);
};

export default HOC({ component: SampleComponent });

而 HOC 很简单

const HOC = ({ component: Component }) => {
  return (<Component/>);
}

Answer 1

HOC 应该是

const HOC = ({ component: Component }) => {
  return (props: {}) => (<Component/>);
}

export default HOC(SampleComponent) doesnt' work with functional component React