javascript - 如何使用redux表单验证react js中的formsection?
问题描述
我正在尝试使用 redux 表单库验证我的表单。我有一个表单部分,其中有两个字段,例如firstname
(这是必需的)。我想在用户单击按钮时显示错误。
我试过这样 https://codesandbox.io/s/green-frost-414qi
const validateGeneral = general => {
console.log(general, "general");
let errors = {};
// validate address.street etc
if (general && !general.firstName) {
errors.firstName = "enter a valid street";
}
return errors;
};
const validate = values => {
console.log(values, "ddd");
const errors = {};
errors.general = validateGeneral(values.general);
return errors;
};
当单击按钮时名字为空时,它应该显示错误消息。
解决方案
您应该如下包含一个验证道具,然后当字段为空并单击按钮时它将显示错误消息
const required = value =>
value || typeof value === "number" ? undefined : "Required";
<Field
name = { i.name }
component = { i.component }
options = { i.options || undefined }
type = { i.type }
validate = { required }
/>
推荐阅读
- python - 过滤后在熊猫中选择前一行的语法
- swift - Swift 添加目标类
- docker - Docker 上运行的 Springboot 无法从资源中读取文件
- powershell - Sharepoint - 使用 powershell 将所有数据导出到 csv
- android - 在 Mac 上构建面向 android 的 unity3d 项目时出现 Dllnotfoundexception
- prolog - 有没有一种无删减的方式来实现same_length/3?
- zsh - zsh 宇宙飞船主题定制
- javascript - 如何将:悬停在 jquery 中的 css 并更改图像源
- c# - C# 的 CA1900 警告 - 在 4 字节边界上对齐字段
- bash - Bash 分号等于换行符不完全正确?