如何将使用默认formik钩子的功能组件转换为类组件

Question

我有一个功能组件，它工作得很好，但我想把它转换为类组件的某些原因，但我注意到没有教程在线说我如何处理默认formik钩子和多个道具。

这是我发现很难处理的部分代码:

export default function BanksList({
name,
childToParentBC,
bankResolve,
...otherProps
}) {
const [open, setOpen] = useState(false);
const [value, setValue] = useState(null);
const [listofBanks, setListOfBanks] = useState([]);
const { setFieldTouched, setFieldValue, errors, touched, values } =
useFormikContext();

Answer 1

简而言之，你不能在类组件中使用任何钩子，它们是互斥的。

但是，这并不意味着你不能耍花招，比如包装一个类组件，然后在里面使用旧的函数组件。

class ClassComponent {
render() {
return <FunctionComponent />
}
}

注意:类和函数组件是非常不同的，人们倾向于比较它们。但是我认为它们不需要，因为函数组件只是一个函数，因此为了持久化任何东西，它依赖于钩子，而钩子在类组件中根本不能使用。