我有以下特殊组件:
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}时,在获取其余道具时会引起一些问题,因此真的不确定如何处理此问题