yup 校验字符串数组,针对单个处理

阅读: 评论:0

yup 校验字符串数组,针对单个处理

yup 校验字符串数组,针对单个处理

【yup】 校验字符串数组



如上图所示,视图为一个字符串数组map所渲染

const keywords = ['keyword1', 'keyword2','keyword3,'keyword4']
keywords.map(() => <div>...</div>)   // 简写

此时的 keywords 是一个数组,每一项都是一个字符串,需要校验数组的第一项不能为 null, 并且数组 map 的每一项元素是一个输入框,校验的提示信息需要在第一个输入框下面
yup 写法如下

keyWords: yup.array().when('showUSP', {is: true,then: yup.array().test('required', '', function (value) {const { path, createError } = thisif (value && value.length > 0 && !value[0]) {return createError({ path: `${path}[0]`, message: t('关键词 1 不能为空') })}return true}),}),

本文发布于:2024-01-30 21:43:21,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170662220623032.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:数组   字符串   yup
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23