docs: Add clearValue for all input examples

unform · Feb 19, 2021 · 11ddd28 · 11ddd28
1 parent 66d4214
commit 11ddd28
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/docs/src/docs/guides/basic-form.mdx b/docs/src/docs/guides/basic-form.mdx
@@ -68,7 +68,12 @@ function Input({ name, ...rest }) {
     registerField({
       name: fieldName,
       ref: inputRef.current,
-      path: 'value',
+      getValue: (ref) => {
+        return ref.value;
+      },
+      clearValue: (ref) => {
+        ref.value = "";
+      }
     });
   }, [fieldName, registerField]);
 

diff --git a/docs/src/docs/recipes/simple-input.mdx b/docs/src/docs/recipes/simple-input.mdx
@@ -21,7 +21,12 @@ export default function Input({ name, label, ...rest }) {
     registerField({
       name: fieldName,
       ref: inputRef.current,
-      path: 'value',
+      getValue: (ref) => {
+        return ref.value;
+      },
+      clearValue: (ref) => {
+        ref.value = "";
+      }
     });
   }, [fieldName, registerField]);
 

diff --git a/docs/src/docs/recipes/typescript.mdx b/docs/src/docs/recipes/typescript.mdx
@@ -68,8 +68,13 @@ const Input: React.FC<InputProps> = ({ name, label, ...rest }) => {
   useEffect(() => {
     registerField({
       name: fieldName,
-      path: 'value',
       ref: inputRef.current,
+      getValue: (ref) => {
+        return ref.value;
+      },
+      clearValue: (ref) => {
+        ref.value = "";
+      }
     });
   }, [fieldName, registerField]);