Use state change directory array

frontend/src/components/dirent-grid-view/dirent-grid-view.js

@@ -40,6 +40,8 @@ const propTypes = {
   isDirentDetailShow: PropTypes.bool.isRequired,
   onGridItemClick: PropTypes.func,
   onAddFolder: PropTypes.func.isRequired,
+  scrollPage: PropTypes.func.isRequired,
+  isCurrentPage: PropTypes.bool.isRequired
 };
 
 class DirentGridView extends React.Component{
@@ -61,7 +63,6 @@ class DirentGridView extends React.Component{
       isMutipleOperation: false,
       isGridItemFreezed: false,
       activeDirent: null,
-      direntItemsList: [],
       itemIdex: 100,
     }
     this.isRepoOwner = props.currentRepoInfo.owner_email === username;
@@ -72,10 +73,9 @@ class DirentGridView extends React.Component{
   }
 
   componentWillReceiveProps(nextProps) {
-    let direntItemsList = nextProps.direntList.filter((item, index) => {
-      return index < 100
-    })
-    this.setState({direntItemsList: direntItemsList, itemIdex: 100,})
+    if (this.props.isCurrentPage) {
+      this.setState({itemIdex: 100})
+    }
   }
 
   componentWillUnmount() {
@@ -97,16 +97,11 @@ class DirentGridView extends React.Component{
     let target = e.target;
     let itemIdex = this.state.itemIdex;
 
-    const { direntList } = this.props;
-
-   
     if (target.scrollTop + document.documentElement.clientHeight - target.offsetTop >= target.scrollHeight) {
-      itemIdex += 100;
-      let direntItemsList = direntList.filter((item, index) => {
-        return index < itemIdex
-      })
-      this.setState({direntItemsList: direntItemsList, itemIdex: itemIdex})
+      itemIdex += 100
+      this.setState({itemIdex: itemIdex})
     }
+    this.props.scrollPage();
   }
 
   onMoveToggle = () => {
@@ -511,11 +506,9 @@ class DirentGridView extends React.Component{
     let direntPath = Utils.joinPath(path, dirent.name);
 
     let direntItemsList = direntList.filter((item, index) => {
-      return index < 100
+      return index < this.state.itemIdex;
     })
 
-    direntItemsList = this.state.direntItemsList.length === 0 ? direntItemsList : this.state.direntItemsList;
-
     if (this.props.isDirentListLoading) {
       return (<Loading />);
     }