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

Question

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

我对 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

这取决于您的 value 属性<CheckboxField />，但在添加event.target.checked正确的值时会使用本机 input\xe2\x80\x99s 。type

\n\n

尝试检查组件中出现的 value 属性，如果您的 , 属性paymentProcessing不存在，则您正在发送一个字符串：

\n\n

paymentProcessing: props.paymentProcessing || ''\n

\n\n

我将检查复选框组件中的值，如果 paymentProcessing 属性中没有布尔值，则返回未定义。

\n\n

因此，您也不需要上面的空字符串，请记住您不是在处理带有复选框的字符串。

\n