您如何将类HOC组件转换为带有参数的功能挂钩组件?

时间:2019-08-27 22:42:43

标签: javascript reactjs react-hooks

我有以下特殊组件:

const withHoc = (
  WrappedComponent,
  someBooleanProp = false,
  someString = DEFAULT_NAME
) => {
  return class extends Component {
    // a bunch of logic

   render() {
     <WrappedComponent {...props} />
   }

  };
};

我曾尝试将其转换为HOC功能组件,但无法在不违反使用状态的前提下获得要传递的道具。这是我的尝试:

const withHoc = (WrappedComponent) => (
  someBooleanProp = false,
  someString = DEFAULT_NAME
) => {
   [someState, setSomeState] = useState(null);
   // do stuff

   return (
     <WrappedComponent { ...props } />
   );
}

但出现错误。我也尝试过将其传递给包装函数,但是在展开{... props}时,在获取其余道具时会引起一些问题,因此真的不确定如何处理此问题

0 个答案:

没有答案