xx

project/p12/scripts/start.js

@@ -40,7 +40,7 @@ if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
 }
 
 // Tools like Cloud9 rely on this.
-const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
+const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3008;
 const HOST = process.env.HOST || "0.0.0.0";
 
 if (process.env.HOST) {

project/p12/src/App.js

@@ -1,6 +1,6 @@
 import React from "react";
-import proxyHoc from "./components/hoc/proxyHoc";
-// import extendsHoc from './components/hoc/extends'
+// import proxyHoc from "./components/hoc/proxyHoc";
+import extendsHoc from './components/hoc/extends'
 class App extends React.Component {
   constructor() {
     super();
@@ -17,5 +17,5 @@ class App extends React.Component {
     );
   }
 }
-// export default extendsHoc(App,"高阶函数反向继承!");
-export default proxyHoc(App, "高阶函数代理属性参数!");
+export default extendsHoc(App,"高阶函数反向继承!");
+// export default proxyHoc(App, "高阶函数代理属性参数!");

project/p12/src/components/hoc/proxyHoc.js

@@ -3,12 +3,13 @@ export default function Hoc(WithComponent, title) {
   return class HocCpmponent extends React.Component {
     render() {
       return (
-        <React.Fragment>
-          <div>{title}</div>
+        <React.Fragment>          
+          <h1>{title}</h1>
           <WithComponent
             title="title：呵呵呵呵呵呵呵呵!"
             name="name：陈轩陈轩!"
-          ></WithComponent>
+          >
+          </WithComponent>
         </React.Fragment>
       );
     }