如何使用嵌套值偵聽 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]) 

    // ...
}