react-hook-form · bluebill1049 · Jul 31, 2022 · Jul 30, 2022 · Jul 30, 2022 · Jul 30, 2022
diff --git a/src/data/V5/en/api.tsx b/src/data/V5/en/api.tsx
@@ -1110,11 +1110,7 @@ onChange={{([ { checked } ]) => ({ checked })}}`}
             AntD
           </a>{" "}
           and{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           . This wrapper component will make it easier for you to work with

diff --git a/src/data/V5/es/api.tsx b/src/data/V5/es/api.tsx
@@ -872,11 +872,7 @@ export default {
             AntD
           </a>{" "}
           y{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           . Este componente los envuelve para que trabajar con ellos sea más

diff --git a/src/data/V5/jp/api.tsx b/src/data/V5/jp/api.tsx
@@ -912,11 +912,7 @@ onChange={{([ { checked } ]) => ({ checked })}}`}
             AntD
           </a>{" "}
           、{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           などの外部の制御された UI{" "}

diff --git a/src/data/V5/kr/api.tsx b/src/data/V5/kr/api.tsx
@@ -1088,11 +1088,7 @@ onChange={{([ { checked } ]) => ({ checked })}}`}
             AntD
           </a>{" "}
           혹은{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>{" "}
           와 같은 제어 컴포넌트를 사용하는 외부 라이브러리와 조합하여 사용하는

diff --git a/src/data/V5/pt/api.tsx b/src/data/V5/pt/api.tsx
@@ -895,11 +895,7 @@ export default {
             AntD
           </a>{" "}
           e{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           . Este componente irá fazer sua vida mais simples.

diff --git a/src/data/V5/ru/api.tsx b/src/data/V5/ru/api.tsx
@@ -1110,11 +1110,7 @@ React.useEffect(() => {
             AntD
           </a>{" "}
           и{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           . Этот компонент-обёртка сделает вашу жизнь проще при работе с ними.

diff --git a/src/data/V5/zh/api.tsx b/src/data/V5/zh/api.tsx
@@ -859,11 +859,7 @@ export default {
             AntD
           </a>{" "}
           和{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           。 这个包装器组件将使您的工作更轻松。

diff --git a/src/data/V6/en/api.tsx b/src/data/V6/en/api.tsx
@@ -1553,11 +1553,7 @@ React.useEffect(() => {
             AntD
           </a>{" "}
           and{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           . This wrapper component will make it easier for you to work with

diff --git a/src/data/V6/es/api.tsx b/src/data/V6/es/api.tsx
@@ -871,11 +871,7 @@ export default {
             AntD
           </a>{" "}
           y{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           . Este componente los envuelve para que trabajar con ellos sea más

diff --git a/src/data/V6/jp/api.tsx b/src/data/V6/jp/api.tsx
@@ -894,11 +894,7 @@ validate: (value) => value === getValues('firstName');"
             AntD
           </a>{" "}
           、{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           などの外部の制御された UI{" "}

diff --git a/src/data/V6/kr/api.tsx b/src/data/V6/kr/api.tsx
@@ -1136,11 +1136,7 @@ React.useEffect(() => {
             AntD
           </a>{" "}
           혹은{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>{" "}
           와 같은 제어 컴포넌트를 사용하는 외부 라이브러리와 조합하여 사용하는

diff --git a/src/data/V6/pt/api.tsx b/src/data/V6/pt/api.tsx
@@ -879,11 +879,7 @@ validate: (value) => value === getValues('firstName');"
             AntD
           </a>{" "}
           e{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           . Este componente irá fazer sua vida mais simples.

diff --git a/src/data/V6/ru/api.tsx b/src/data/V6/ru/api.tsx
@@ -1170,11 +1170,7 @@ validate: (value) => value === getValues('firstName');"
             AntD
           </a>{" "}
           и{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           . Этот компонент-обёртка сделает вашу жизнь проще при работе с ними.

diff --git a/src/data/V6/zh/api.tsx b/src/data/V6/zh/api.tsx
@@ -939,11 +939,7 @@ export default {
             AntD
           </a>{" "}
           和{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           。 这个包装组件将使您的工作更轻松。

diff --git a/src/data/en/api.tsx b/src/data/en/api.tsx
@@ -1927,6 +1927,48 @@ setValue('notRegisteredInput', { test: '1', test2: '2' }); // ✅ sugar syntax t
                   </p>
                 </td>
               </tr>
+              <tr>
+                <td>
+                  <code>rules</code>
+                </td>
+                <td>
+                  <code className={typographyStyles.typeText}>Object</code>
+                </td>
+                <td></td>
+                <td>
+                  <p>
+                    The same validation <code>rules</code> API as for{" "}
+                    <Link to={"/api/useform/register"}>register</Link>, which
+                    includes:
+                  </p>
+                  <p>required, minLength, maxLength, validate</p>
+                  <CodeArea
+                    url="https://codesandbox.io/s/react-hook-form-usefieldarray-rules-iyejbp?file=/src/index.js"
+                    withOutCopy
+                    rawData={`useFieldArray({
+  rules: { minLength: 4 }
+})
+`}
+                  />
+                  <p>
+                    In case of validation error, the <code>root</code> property
+                    is appended to{" "}
+                    <code>formState.errors?.fieldArray?.root</code>
+                    of type{" "}
+                    <Link to="ts/#FieldError">
+                      <code>FieldError</code>
+                    </Link>
+                    <p>
+                      <b className={typographyStyles.note}>Important: </b>This
+                      is only applicable to <strong>built-in</strong> validation
+                      only
+                    </p>
+                    <Link to="api/useform/#validationResolver">Resolvers</Link>{" "}
+                    are yet to support <code>useFieldArray</code> root level
+                    validation.
+                  </p>
+                </td>
+              </tr>
             </tbody>
           </table>
         </div>

diff --git a/src/data/en/getStarted.tsx b/src/data/en/getStarted.tsx
@@ -129,11 +129,7 @@ export default {
             AntD
           </a>{" "}
           and{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           . To make this simple, we provide a wrapper component:{" "}

diff --git a/src/data/es/api.tsx b/src/data/es/api.tsx
@@ -872,11 +872,7 @@ export default {
             AntD
           </a>{" "}
           y{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           . Este componente los envuelve para que trabajar con ellos sea más

diff --git a/src/data/es/getStarted.tsx b/src/data/es/getStarted.tsx
@@ -136,11 +136,7 @@ export default {
           AntD
         </a>{" "}
         y{" "}
-        <a
-          target="_blank"
-          rel="noopener noreferrer"
-          href="https://mui.com/"
-        >
+        <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
           MUI
         </a>
         , por lo que hemos construído un componente que los envuelve:{" "}

diff --git a/src/data/jp/api.tsx b/src/data/jp/api.tsx
@@ -895,11 +895,7 @@ validate: (value) => value === getValues('firstName');"
             AntD
           </a>{" "}
           、{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           などの外部の制御された UI{" "}

diff --git a/src/data/jp/getStarted.tsx b/src/data/jp/getStarted.tsx
@@ -144,11 +144,7 @@ export default {
           AntD
         </a>{" "}
         、{" "}
-        <a
-          target="_blank"
-          rel="noopener noreferrer"
-          href="https://mui.com/"
-        >
+        <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
           MUI
         </a>{" "}
         などの外部の制御された UI{" "}

diff --git a/src/data/kr/api.tsx b/src/data/kr/api.tsx
@@ -1137,11 +1137,7 @@ React.useEffect(() => {
             AntD
           </a>{" "}
           혹은{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>{" "}
           와 같은 제어 컴포넌트를 사용하는 외부 라이브러리와 조합하여 사용하는

diff --git a/src/data/kr/getStarted.tsx b/src/data/kr/getStarted.tsx
@@ -138,11 +138,7 @@ export default {
           AntD
         </a>{" "}
         그리고{" "}
-        <a
-          target="_blank"
-          rel="noopener noreferrer"
-          href="https://mui.com/"
-        >
+        <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
           MUI
         </a>{" "}
         같이 외부 라이브러리에서 제공하는 제어 컴포넌트와 함께 사용해야 할 때가

diff --git a/src/data/pt/api.tsx b/src/data/pt/api.tsx
@@ -880,11 +880,7 @@ validate: (value) => value === getValues('firstName');"
             AntD
           </a>{" "}
           e{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           . Este componente irá fazer sua vida mais simples.

diff --git a/src/data/pt/getStarted.tsx b/src/data/pt/getStarted.tsx
@@ -137,11 +137,7 @@ export default {
           AntD
         </a>{" "}
         e{" "}
-        <a
-          target="_blank"
-          rel="noopener noreferrer"
-          href="https://mui.com/"
-        >
+        <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
           MUI
         </a>
         , consequentemente precisamos construir um componente por volta:{" "}

diff --git a/src/data/ru/api.tsx b/src/data/ru/api.tsx
@@ -1171,11 +1171,7 @@ validate: (value) => value === getValues('firstName');"
             AntD
           </a>{" "}
           и{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           . Этот компонент-обёртка сделает вашу жизнь проще при работе с ними.
@@ -1306,7 +1302,7 @@ validate: (value) => value === getValues('firstName');"
         </p>
 
         <p>
-          Мы официально поддерживаем Yup, Joi и Superstruct как 
+          Мы официально поддерживаем Yup, Joi и Superstruct как
           <a
             href="https://github.com/react-hook-form/react-hook-form-resolvers"
             target="blank"

diff --git a/src/data/ru/getStarted.tsx b/src/data/ru/getStarted.tsx
@@ -140,11 +140,7 @@ export default {
             AntD
           </a>{" "}
           and{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           , поэтому мы должны создать компонент-обёртку:{" "}

diff --git a/src/data/zh/api.tsx b/src/data/zh/api.tsx
@@ -939,11 +939,7 @@ export default {
             AntD
           </a>{" "}
           和{" "}
-          <a
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://mui.com/"
-          >
+          <a target="_blank" rel="noopener noreferrer" href="https://mui.com/">
             MUI
           </a>
           。 这个包装组件将使您的工作更轻松。