Fix issue Re-renders entire view when adding/removing rows

gitim#47 (comment)
phuongwd · Dec 31, 2018 · 4ea0e9d · 4ea0e9d
1 parent 759a2ea
commit 4ea0e9d
Showing 1 changed file with 21 additions and 1 deletion.
diff --git a/src/SortableList.js b/src/SortableList.js
@@ -99,7 +99,7 @@ export default class SortableList extends Component {
 
   componentWillReceiveProps(nextProps) {
     const {data, order} = this.state;
-    let {data: nextData, order: nextOrder} = nextProps;
+    let { data: nextData, order: nextOrder } = nextProps;
 
     if (data && nextData && !shallowEqual(data, nextData)) {
       nextOrder = nextOrder || Object.keys(nextData)
@@ -110,13 +110,33 @@ export default class SortableList extends Component {
           this._resolveRowLayout[key] = resolve;
         });
       });
+      // this.setState({
+      //   animated: false,
+      //   data: nextData,
+      //   containerLayout: null,
+      //   rowsLayouts: null,
+      //   order: nextOrder
+      // });
+
+
+
+    if (nextData.length > data.length) {
       this.setState({
         animated: false,
         data: nextData,
         containerLayout: null,
         rowsLayouts: null,
         order: nextOrder
       });
+    } else {
+      this.setState({
+        // animated: false,
+        data: nextData,
+        // containerLayout: null,
+        // rowsLayouts: null,
+        order: nextOrder
+      });
+    }
 
     } else if (order && nextOrder && !shallowEqual(order, nextOrder)) {
       this.setState({order: nextOrder});