[英]How to validate on dynamic input fields using react
我一直在尝试为重复的名称输入实现验证逻辑。 我已经显示了一些用于从数组输入名称的动态输入字段,并尝试在其上添加验证。
期望:
到目前为止我所做的尝试:我在此处添加链接以获取实现的详细信息。 我正在检查 onChange 处理程序上的输入字段,并根据该字段的每个索引显示错误。 我目前得到的是:
我想要实现的是:如果每个字段包含重复值,则应在每个字段上显示错误。 不像最初只显示错误,并且每当我们从该字段移出时,验证都不起作用(目前,我正在这样做,但这是错误的)。
有人可以帮忙吗? 我也不确定基于我当前的实现来实现这种类型的验证的最佳方式是什么。 任何帮助将不胜感激。 提前致谢。
这是实现的链接: https://codesandbox.io/s/pedantic-bird-r979m?file=/src/Input.jsx:0-1648
好吧,您可以将错误定义为一个数组,Input 的每个索引都是数组的一个元素。
https://codesandbox.io/s/youthful-cdn-83t35?file=/src/Input.jsx
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.