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

时间:2019-06-04 23:07:24

标签: reactjs checkbox formik

我正在制作一个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"
  />

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

1 个答案:

答案 0 :(得分:1)

这取决于您在Score 07/01/2019 08/01/2019 09/01/2019 1 1 0 2 2 0 0 1 3 1 0 0 4 0 0 0 5 0 0 0 中的值属性,但是在添加正确的<CheckboxField />时,本地输入会使用event.target.checked

尝试检查组件中将显示什么值道具,如果type的道具不存在,您正在发送字符串:

paymentProcessing

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

因此,您也不需要在上方输入任何空字符串,请记住您没有在使用复选框处理字符串。