45

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}
 />
4

6 に答える 6