我正在构建一个用于创建烹饪食谱的component in React。我正在使用react-hook-form来验证表单。我的容器里有两张表格。当我添加配料或步骤时,我会验证输入的数据是否正确,并阻止向列表中添加项目,如果数据不正确,该列表位于此表单的下方。到目前一切尚好。但我的问题是,我需要使用页面底部的“添加食谱”按钮访问这两个表单的验证过程。例如,如果我将那些必需的输入字段留空,我希望通过按下“添加配方”按钮来检查,而不仅仅是提交这两个“子窗体”
我正在使用带yup验证的Formik,它工作得很好。我想要做的是集成cleavejs来格式化,比如数字格式。问题是,当我的formik字段更改为Cleave时,格式是有效的,但是它不会验证表单。但是,当我更改为input to Field时,验证工作正常,但格式设置不起作用。如何将Cleave js格式传递到我的Formik字段中,而不将Field更改为Cleave她的代码。我尝试遵循cleave js文档和它的工作,但它在我的验证中