title: Reactjs: Multiple actions call with pagination make page slow
body: <p>I have problem with pager click to re-render list users. Please check on my logic below</p>
  
  <p>Firstly, I list all users by calling an action is ListUsersAction like this:</p>
  
  <pre><code>const ListUsers = props =&gt; {
    useEffect(() =&gt; {
        var resPerPage = configList.users.resPerPage;
        props.ListUsersAction(resPerPage, 1);
    },[]);
    .....
    .....
  }
  </code></pre>
  
  <p>I used a reducer <code>listUsersReducer</code> to store users. I call it like that:</p>
  
  <pre><code>if (props.listUsersReducer.thanhvien.length &gt; 0) {
      const users = props.listUsersReducer.thanhvien;
  
      //Then render all user here.
      users.map((user)=&gt;....);
  
      //I make a pagination to change users list by click on each page.
      &lt;Pagination datasend={datasend} /&gt;
  }
  </code></pre>
  
  <p>I has no problem from first load. And problem occur when I click 6-7 times on pagination to call <code>LoadUsersAction</code>. It start slowly and make page lag.</p>
  
  <p>Action called every time click page change.
  <a href="https://i.stack.imgur.com/KmKP7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KmKP7.png" alt="enter image description here"></a></p>
  
  <p>I do not know anything I made wrong. Can you help me to check it. Thank you so much.</p>