update 170906 18:41

SPxiaomin-zz · Sep 6, 2017 · a3f29c0 · a3f29c0
1 parent 16e6d95
commit a3f29c0
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 3 deletions.
diff --git a/react-performance-improve/src/ReduxAndImmutable/App/index.js b/react-performance-improve/src/ReduxAndImmutable/App/index.js
diff --git a/react-performance-improve/src/TestOne/component/App/index.js b/react-performance-improve/src/TestOne/component/App/index.js
@@ -16,6 +16,7 @@ class App extends Component {
 
     this.differentType = this.differentType.bind(this);
     this.listWithoutKey = this.listWithoutKey.bind(this);
+    this.differentAttr = this.differentAttr.bind(this);
   }
 
   changeShape() {
@@ -54,11 +55,26 @@ class App extends Component {
     if (this.state.shape) {
       return (
         <div>
-          {/* TODO: stop writing here */}
+          <A key='a' />
+          <B key='b' />
         </div>
       );
     } else {
+      return (
+        <div>
+          <A key='a' />
+          <C key='c' />
+          <B key='b' />
+        </div>
+      );
+    }
+  }
 
+  differentAttr() {
+    if (this.state.shape) {
+      return <A name='before' />;
+    } else {
+      return <A name='after' />;
     }
   }
 
@@ -69,7 +85,14 @@ class App extends Component {
         {
           this.differentType()
         } */}
-        <button onClick={this.changeShape}>Change List</button>
+        {/* <button onClick={this.changeShape}>Change List</button>
+        {
+          this.listWithoutKey()
+        } */}
+        <button onClick={this.changeShape}>Change Attr</button>
+        {
+          this.differentAttr()
+        }
       </div>
     );
   }

diff --git a/react-performance-improve/src/TestOne/component/B/index.js b/react-performance-improve/src/TestOne/component/B/index.js
@@ -15,7 +15,7 @@ class B extends Component {
     console.log('B componentDidUpdate');
   }
 
-  componentWilUnmount() {
+  componentWillUnmount() {
     console.log('B componentWillUnmount');
   }