如何使用 Formik 发送复选框的值

Question

我正在制作一个 formik 表单，每个字段都正确设置并发送值，但我的复选框字段除外。我真的找不到很好的文档，所以想知道是否有人可以帮助我。

我对 values formik 函数的支持：

  mapPropsToValues: props => ({
    firstName: props.firstName || '',
    lastName: props.lastName || '',
    businessName: props.businessName || '',
    email: props.email || '',
    phone: props.phone || '',
    zipCode: props.zipCode || '',
    yearsInBusiness: props.yearsInBusiness || '',
    callBackTime: props.callBackTime || '',
    paymentServices: [],
    paymentProcessing: props.paymentProcessing || ''
  }),

还有我的输入框。

 <CheckboxField
   type="checkbox"
   name="paymentProcessing"
   value={values.paymentProcessing}
   label="Payment Processing Equipment"
  />

如果选中，我基本上需要复选框字段的值等于标签

Answer 1

这取决于您在 <CheckboxField /> 中的 values 属性，但当添加正确的 type 时，本机输入使用 event.target.checked。

尝试检查组件中出现的值道具，如果 paymentProcessing 的道具不存在，则您正在发送字符串：

paymentProcessing: props.paymentProcessing || ''

我会检查复选框组件中的值，如果没有来自 paymentProcessing 属性的布尔值，return undefined。

所以你也不需要上面的空字符串，记住你处理的不是带复选框的字符串。

如何使用 Formik 发送复选框的值

How to send value of a checkbox using Formik

checkbox

reactjs

formik