在React中如何在Formik中使用自定义输入？

Question

我正在尝试在Formik中使用DatePicker。但是，当我单击DatePicker的日期时，其表单值不会更改。相反，我得到了这个错误：

未捕获到的TypeError：e.persist不是Formik._this.handleChange上的函数（formik.es6.js：5960）

我简化代码，下面的代码

const SomeComponent = () => (
    <Formik
        render={({
            values,
            handleSubmit,
            handleChange,
            setFieldValue
        }) => {
            return (
                <div>
                    <form onSubmit={handleSubmit}>
                        <DatePicker
                            name={'joinedAt'}
                            value={values['joinedAt']}
                            onChange={handleChange}
                        />
                    </form>
                </div>
            )
        }}
    />
)

我用谷歌搜索了一些文档，https://github.com/jaredpalmer/formik/issues/187和https://github.com/jaredpalmer/formik/issues/86

所以我尝试如下所示，但是没有用。

 ...setFieldValue

 <DatePicker
   name={'joinedAt'}
   value={values['joinedAt']}
   onChange={setFieldValue}
 />

Answer 1

我这样解决

<DatePicker
   name={'joinedAt'}
   value={values['joinedAt']}
   onChange={e => setFieldValue('joinedAt', e)}
/>

2020-03-08更新：

您可以e.target.value在setFieldValue的第二个道具上使用，具体取决于您的自定义输入设计。感谢布兰登。