reactjs - 导出默认 HOC(SampleComponent) 不适用于功能组件 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/>);
}