React Formik：单击复选框时如何在Formik中设置默认值？

Question

我有一个使用formik react库的表单。当单击复选框时，我想在其中的输入字段内填充一些数据。我不知道该怎么用Formik的方式来做。

有人请帮助我解决这个问题吗？

我尝试过的代码：

<Formik initialValues={{ email: ''}}>
{({errors, touched, setFieldValue, handleSubmit, handleBlur, handleChange, isSubmitting}) => {
    return (<Form onSubmit={handleSubmit}>
        {console.log('touched',touched, errors)}
        <div className="upload-container">
            OFFICIAL EMAIL
            <input onBlur={handleBlur} onChange={handleChange} id="email_id" name="email" type="email"/>
            <div className="email-error__message__div">
                {errors.email && touched.email ? errors.email : ''}
            </div>
            <div className="official-MailID__container">
                <input 
                    id="checkOffiMailId"
                    name="checkofficialmailId"
                    type="checkbox" />
            </div>
        </div>
        <div className="button__container">
            <button className="verify-me" type="submit" disabled={isSubmitting}>VERIFY ME</button>
            <button className="doit-later" onClick={doItLater}>I'LL DO THIS LATER</button>
        </div>
    </Form>
)}}
</Formik>

我更新了问题。我要的是单击checkOffiMailId时要在email_id中填写一些数据。

Formik Library