如何在formik中使用material UI Checkbox？答案

【问题标题】：How to use material UI Checkbox with formik?如何在formik中使用material UI Checkbox？
【发布时间】：2022-01-06 21:54:46
【问题描述】：

我无法以正确的方式进行编码，这样 formik.values 将反映到 Material UI 的复选框中

【问题讨论】：

请创建一个沙箱，以便我们为您实施。

标签： reactjs checkbox material-ui formik

【解决方案1】：

 <FormControlLabel control={<Checkbox defaultChecked />} label="Label" name="checkbox"   onChange={props.handleChange} />

你只需要像这样把它放在你的表单中：

  <Formik
           initialValues={{  checkbox:true }}
           onSubmit={(values, actions) => {
             setTimeout(() => {
               alert(JSON.stringify(values, null, 2));
               actions.setSubmitting(false);
             }, 1000);
           }}
         >
           {props => (
             <form onSubmit={props.handleSubmit}>
                <FormControlLabel control={<Checkbox defaultChecked />} label="Label" name="checkbox"   onChange={props.handleChange} />
               {props.errors.name && <div id="feedback">{props.errors.name}</div>}
               <button type="submit">Submit</button>
             </form>
           )}
         </Formik>

【讨论】：