Javascript Reactjs:分页的多个操作调用使页面变慢
我无法使用寻呼机单击来重新呈现列表用户。请检查我下面的逻辑 首先,我通过调用action is ListUsersAction列出所有用户,如下所示: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); },[]); ..... ....
const ListUsers = props => {
useEffect(() => {
var resPerPage = configList.users.resPerPage;
props.ListUsersAction(resPerPage, 1);
},[]);
.....
.....
}
我使用了一个reducerlistUsersReducer
来存储用户。我这样称呼它:
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中,即可解决此问题