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

发布时间：2020-12-15 05:05:45 所属栏目：百科来源：网络整理

导读：我试图在 Formik内使用 DatePicker.但是当我点击DatePicker的日期时,其表格值不会改变.相反,我收到了这个错误： Uncaught TypeError: e.persist is not a function at Formik._this.handleChange (formik.es6.js:5960) 我缩短了代码,代码如下 const SomeComp

我试图在 Formik内使用 DatePicker.但是当我点击DatePicker的日期时,其表格值不会改变.相反,我收到了这个错误：

Uncaught TypeError: e.persist is not a function
at 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>
            )
        }}
    />
)

我用Google搜索了一些文件,https://github.com/jaredpalmer/formik/issues/187和https://github.com/jaredpalmer/formik/issues/86

所以我尝试过如下,但它不起作用.

...setFieldValue

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

我解决这个问题

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!