feat: test

Author: crazyair

docs/examples/useWatch-list-level2.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import get from 'lodash/get';
+
+import Form, { Field } from 'rc-field-form';
+import Input from './components/Input';
+
+const Child = ({ name, remove }: { name: any; remove: () => void }) => {
+  const nameValue = Form.useWatch(values => {
+    return get(values, ['list', name, 'name']);
+  });
+
+  return (
+    <div style={{ display: 'flex' }}>
+      <Field name={[name, 'name']}>
+        <Input />
+      </Field>
+      <Field name={[name, 'age']}>
+        <Input />
+      </Field>
+      <div>当前值：{nameValue}</div>
+      <button onClick={() => remove()}>删除</button>
+    </div>
+  );
+};
+
+const Demo = () => {
+  return (
+    <Form initialValues={{ list: [{ name: 'a' }, { name: 'b' }] }}>
+      <Form.List name="list">
+        {(fields, { remove }) => (
+          <div style={{ display: 'flex', flexDirection: 'column' }}>
+            {fields.map(field => (
+              <Child name={field.name} key={field.key} remove={() => remove(field.name)} />
+            ))}
+          </div>
+        )}
+      </Form.List>
+    </Form>
+  );
+};
+
+export default Demo;

src/useForm.ts

@@ -681,6 +681,7 @@ export class FormStore {
           this.triggerDependenciesUpdate(prevStore, namePath);
         }
       }
+
       this.notifyWatch();
     };
   };

src/useWatch.ts

@@ -128,7 +128,6 @@ function useWatch(
   namePathRef.current = namePath;
 
   useWatchWarning(namePath);
-  console.log('valueStr', valueStr);
   useEffect(
     () => {
       // Skip if not exist form instance