fix: Usage

Author: shunyue1320

README.md

@@ -33,22 +33,33 @@ open http://localhost:8000
 ## Usage
 
 ```js | pure
-import Form, { Field } from 'rc-field-form';
+import Form, { Field, useForm } from 'rc-field-form';
 
-<Form
-  onFinish={values => {
-    console.log('Finish:', values);
-  }}
->
-  <Field name="username">
-    <Input placeholder="Username" />
-  </Field>
-  <Field name="password">
-    <Input placeholder="Password" />
-  </Field>
+const Input = ({ value = "", ...props }) => <input value={value} {...props} />;
 
-  <button>Submit</button>
-</Form>;
+const Demo = () => {
+  const [form] = useForm();
+  return (
+    <Form
+      form={form}
+      onFinish={(values) => {
+        console.log("Finish:", values);
+      }}
+      onValuesChange={(_, values) => {
+        console.log("values:", values);
+      }}
+    >
+      <Field name="username">
+        <Input placeholder="Username" />
+      </Field>
+      <Field name="password">
+        <Input placeholder="Password" />
+      </Field>
+
+      <button>Submit</button>
+    </Form>
+  );
+};
 
 export default Demo;
 ```