React表单验证库

Question

现在我们使用基本验证来验证表单，而不使用任何库。

在提交:

for (let key in requestModel) {
if (!requestModel[key] && errorObject.hasOwnProperty(key)) {
errorObject[key] = "This field is required";
setErrorObject({ ...errorObject });
document.getElementById(key).scrollIntoView();
return;
}
}
created const requestModel and const errorObject
Added className={errorObject.field && "has-error"}
has-error is the css class.

寻找React验证库，在那里我可以定义字段，它将被验证和自动聚焦。比如jquery验证。寻找lib，这是免费和简单的使用。我尝试了一些，但对当前的逻辑很复杂。请提供一个简单表单的例子。

Answer 1

你要找的是Formik。可以在npm public repo上下载和使用。

Answer 2

您可以使用enfometa/em-formsNPM install @enfometa/em-forms文档:www.enfometa.com/documentation