diff --git a/README.md b/README.md
index e8358a95..261bce3b 100644
--- a/README.md
+++ b/README.md
@@ -35,20 +35,26 @@ open http://localhost:8000
 ```js | pure
 import Form, { Field } 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 = () => {
+  return (
+    <Form
+      onFinish={(values) => {
+        console.log("Finish:", values);
+      }}
+    >
+      <Field name="username">
+        <Input placeholder="Username" />
+      </Field>
+      <Field name="password">
+        <Input placeholder="Password" />
+      </Field>
+
+      <button>Submit</button>
+    </Form>
+  );
+};
 
 export default Demo;
 ```