如何使用嵌套值侦听 formik 字段的更改？

Question

我想做的是当 formik 的某些领域发生变化时，做点什么。

例如

useEffect(() => {
    // do something
}, [values.someField])

但是如果我有一个动态名称值（来自 props ），它可以是任何东西（例如field.name ， field[0].otherField ， level1.level2.level3 ）我怎么能做到这一点？

const MyComponent = ({ name }) => {
    const { values } = useFormikContext()

    useEffect(() => {
        // do something
    }, [/* what to put here? */]) 

    // ...
}

Answer 1

我getIn了，我需要使用getIn的formik

import { useFormikContext, getIn } from `formik`

const MyComponent = ({ name }) => {
    const { values } = useFormikContext()

    const fieldValue = getIn(values, name)

    useEffect(() => {
        // do something when some field in the form changes
    }, [fieldValue]) 

    // ...
}