javascript - Formik ,字段填充验证
问题描述
我正在使用 Formik,但我遇到了字段填充验证问题。在里面<Formik>
取决于状态我正在渲染带有输入的表单。如果未填写字段,请禁用“下一步”按钮。如何仅对呈现的字段进行验证?
displayForms = (values, step) => {
const formsComponents = {
1:<Step1 {...values} />
2:<Step2 education={values.education}/>,
};
switch (step) {
case 1:
return formsComponents[1];
case 2:
return formsComponents[2];
default:
return formsComponents[1];
}
};
<Formik
ref={this.resume}
initialValues={this.initialValues}
validate={values => {
if (values) {
return !value ? "Required" : "";
}
}}
render={({ values, isValid }) => {
return (
<Form>
<div className="jobs-resume-panes">
{this.displayForms(
values,
isValid,
this.state.activeStep
)}
</div>
<div className="jobs-resume-controls">
{activeStep === allSteps ? (
<button
onClick={() => this.submitResume(values, isValid)}
>
Save
</button>
) : (
<button
disabled={this.state.isDisabled}
onClick={this.goNextStep}
>
Next
</button>
)}
</div>
</div>
</Form>
解决方案
推荐阅读
- google-apps-script - Google 日历 - 日历可见性和分组
- ios - 如何在没有 cocoapods 的情况下安装 cocoapods 包?
- pandas - Python Pandas 查询
- excel - Excel for MAC - ExportAsFixedFormat 忽略打印区域并生成太多页面而不是一个
- javascript - 为什么 JSON.parse() 在这种情况下会丢失一些对象?
- kotlin - 在这种情况下,我必须在创建构造函数时设置 super()?
- java - 如何在 Spring Boot 2 中定义默认处理程序
- angular - HttpClient 无法忽略或绕过自签名证书错误
- servicestack - ServiceStack:访问Service中的IRequest返回null
- python - 通过 SNR 检测 EEG 数据中的 Alpha 波?Python