Formik 使用 initialValues 来检查带有值的复选框答案

【问题标题】：Formik using initialValues to check a checkbox with valueFormik 使用 initialValues 来检查带有值的复选框
【发布时间】：2021-05-20 18:37:03
【问题描述】：

Formik 似乎只能通过传递一个值（例如initialValues={{ 'checkboxName': true }}）来为一个复选框加载initialValues，如果它没有值。但是，如果为复选框分配了值，则 initialValue 似乎不会切换它。

我期待传递值会检查和相应的复选框，但事实并非如此。有关如何处理此问题的任何提示？

示例代码[or here for sandbox]:

<Formik initialValues={{ isEnabled: "1" }}>
  <div>
    <Field type="checkbox" name="isEnabled" value="1" />
    <Field type="checkbox" name="isEnabled" value="2" />
  </div>
</Formik>

【问题讨论】：

标签： reactjs formik

【解决方案1】：

您有多个同名复选框，因此 initialValues 应该是一个数组

解决方案：

    <Formik initialValues={{ isEnabled: ["1"] }}>
      <div>
        <Field type="checkbox" name="isEnabled" value="1" />
        <Field type="checkbox" name="isEnabled" value="2" />
      </div>
    </Formik>

【讨论】：