我为表单创建了一个简单的react组件,其中使用formik的输入字段很少。我的表单在我的主页上为三种不同类型的用户呈现了三次,但是我只有一个按钮在组件之外,单击它就可以保存PersonalInformation组件中的数据。这是我的代码在App.js中的样子(暂时忽略用户和data ):
{users.map((data, i) => { return <PersonalInformation key={i} /> })}
<Button>Submit</Button> //this is the button that needs to save
我正在使用Yup和Formik进行一个react表单验证。表单中有一个需要验证的react-select元素。对于验证,我使用validationSchema of Formik来验证表单的值变化。我只需要作为字符串的select字段的值,所以不能接受完整的对象(键值)。select字段工作正常,无论验证错误消息是否被清除。问题是如何使用现有方法验证select字段?
下面是最小的代码示例。
import ReactDOM from "react-dom";
import React, { useState } from "react";
import { Gr
我到处找过了,不确定这是否可能。本质上,我希望使用不是表单值的状态钩子来验证带有YUP的formik表单。
validationSchema={Yup.object({
comments: Yup.string()
.when(approvalState, {
is: false,
then: Yup.string().required('Comments are required when denying an approval.'),