如何使用 react 和 yup 验证动态字段名称

问题描述

我正在尝试对我的表单进行 yup 验证。

表单必须至少选中一个复选框。

我有多个带有动态名称的复选框的问题。

例如，我有一个看起来像这样的数组：

const data = [
 {_id: '4d3143f12a54s2',service: 'some service 1'},{_id: '432gtre52341dd',service: 'some service 2'},];

在 React 组件中，我像这样循环遍历他：

 // ....

 const SomeComponent = () => {
   // ...

   return (
    <form ......>
     {data.map((i) => {
       return (
               <CheckBox 
                name={i._id} 
                label={i.service} 
                ......... 
               />
              );
     })}
   </form>
   )
 }

// ...

我想知道是否至少选中了一个复选框。 我该怎么做？

/* How can I kNow what is my fields name like that & How can I kNow at least one of 
   they are selected?
*/
const someSchema = yup.object().shape({

});

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）