diff --git a/src/pages/HocPage.js b/src/pages/HocPage.js
new file mode 100644
index 0000000..13fd410
--- /dev/null
+++ b/src/pages/HocPage.js
@@ -0,0 +1,39 @@
+/**
+ * 高阶组件
+ */
+import React, {Component} from 'react';
+// function Child(props) {
+//     return <div>Child</div>
+// }
+
+const foo = Cmp => props => {
+    return (
+        <div className="border">
+            <Cmp {...props}/>
+        </div>
+    )
+};
+// const Foo=foo(Child);
+class HocPage extends Component {
+    render() {
+        return (
+            <div>
+                <h1>HocPage</h1>
+                <Child></Child>
+            </div>
+        );
+    }
+}
+
+@foo
+class Child extends Component {
+    render() {
+        return (
+            <div>
+                <p>Child</p>
+            </div>
+        );
+    }
+}
+
+export default HocPage;
\ No newline at end of file