React HOC 無箭頭 function 語法

Question

我有一個用 es6 語法編寫的 HOC React function，如下所示：

const withHOC = Component => (props) => {
  return (
    <Component
      {...props}
    />
  );
};

我怎樣才能用 es5 語法寫這個？

例如： function HOC(){}

Answer 1

給定 HoC 或 HoF 定義，將是返回另一個組件/功能的 function

如果我理解正確，也許你想要的是：

function withHoC(Component) {
  return function(props) {
    return <Component {...props} />
  }
}