Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Reactjs:分页的多个操作调用使页面变慢_Javascript_Reactjs_Redux_React Redux - Fatal编程技术网

Javascript Reactjs:分页的多个操作调用使页面变慢

Javascript Reactjs:分页的多个操作调用使页面变慢,javascript,reactjs,redux,react-redux,Javascript,Reactjs,Redux,React Redux,我无法使用寻呼机单击来重新呈现列表用户。请检查我下面的逻辑 首先,我通过调用action is ListUsersAction列出所有用户,如下所示: const ListUsers = props => { useEffect(() => { var resPerPage = configList.users.resPerPage; props.ListUsersAction(resPerPage, 1); },[]); ..... ....

我无法使用寻呼机单击来重新呈现列表用户。请检查我下面的逻辑

首先,我通过调用action is ListUsersAction列出所有用户,如下所示:

const ListUsers = props => {
  useEffect(() => {
      var resPerPage = configList.users.resPerPage;
      props.ListUsersAction(resPerPage, 1);
  },[]);
  .....
  .....
}
我使用了一个reducer
listUsersReducer
来存储用户。我这样称呼它:

if (props.listUsersReducer.thanhvien.length > 0) {
    const users = props.listUsersReducer.thanhvien;

    //Then render all user here.
    users.map((user)=>....);

    //I make a pagination to change users list by click on each page.
    <Pagination datasend={datasend} />
}
if(props.listUsersReducer.thanhvien.length>0){
const users=props.listUsersReducer.thanhvien;
//然后在这里呈现所有用户。
users.map((user)=>…);
//我对每个页面进行分页以更改用户列表。
}
我从第一批货开始就没问题。当我在分页上单击6-7次以调用
LoadUsersAction
时,就会出现问题。它启动缓慢,使页面延迟

每次单击“页面更改”时调用的操作。


我不知道我做错了什么。你能帮我检查一下吗。非常感谢。

问题解决了。它与redux无关。它是store.subscribe渲染多次。只需将其添加到useEffect中,即可解决此问题