javascript - 继承倒置 HOC 无法将类作为函数调用

Question

关注此Inheritance Inversion Guide我不断收到错误消息:

cannot call a class as a function.

如果我将 class extends MyComponent 更改为 React.Component 它会起作用，但这不是我想要的。

我做错了什么？

const MyComponent = () => (
    <Child />
);

const wrappedComponent = MyComponent => class extends MyComponent {
  render() {
    //Doesn't get here
  }
};

const WrappedComponent = wrappedComponent(MyComponent);

ReactDOM.render(
<WrappedComponent />,
document.getElementById('app'));

Answer 1

我一直习惯Props Proxy 以前不知道这种Inheritance inversion方法，现在我知道了，谢谢你😂😂

我发现 II 不适用于无状态组件，因此您必须将功能组件更改为基于类的组件。

为了让一切都正常工作，不要忘记在 HOC 中返回 super.render()。我在这里工作:https://jsfiddle.net/ooade/qaudnzk6/