reactjs - 使用 react formik 进行独特的字段验证
问题描述
我一直在尝试使用 react formik 为唯一字段实现验证逻辑。到目前为止,我已经尝试过以下方法,但不确定为什么似乎没有显示验证错误或验证逻辑不起作用......
const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
const uniqueNameValidation = (values) => sleep(2000).then(() => {
let errors={};
if (['admin', 'null', 'god'].includes(values.name)) {
errors.description = 'Nice try';
}
return errors;
});
然后在我的领域,我使用这样的功能:
<div className="form-item">
<Label htmlFor="Name">Name</Label>
<Field name="name" className="form-item--name" validate={uniqueNameValidation} />
{errors.name && touched.name && <div>{errors.name}</div>}
</div>
任何帮助?这里也是演示链接... https://codesandbox.io/s/young-violet-12216?file=/src/AddForm.js
解决方案
推荐阅读
- java - JTextField 正在更新字符串数据和垃圾
- .net - Dot_Net/C# 中的 VC++ 文件等效项
- java - 如何解决默认的org.apache.jsp.WEB_002dINF.jsp.index_jsp
- ios - 如何在应用商店中获取 iOS 应用安装推荐链接?
- dropbox - 无需下载即可在 Dropbox 上读取 CSV 文件
- android - 如何将 Radio Group View 设置为不可点击
- ios - TwitterKit - 如何在集成时打开 iOS 推特应用程序
- javascript - window.parent.postMessage 导致主窗口修改窗口历史
- php - PHP Elasticsearch 搜索两个字段
- android - Kotlin 中带有 @Captor 注释的 ArgumentCaptor