Reactjs:使用分页的多个操作调用会使页面变慢
Reactjs:使用分页的多个操作调用会使页面变慢
提问于 2020-01-12 14:42:29
我有问题与分页点击重新渲染列表用户。请检查我下面的逻辑
首先，我通过调用一个动作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} />
}我从第一次加载就没有问题。当我点击分页6-7次来调用LoadUsersAction时，就会出现问题。它启动速度很慢，会造成页面延迟。
每次单击页面更改时调用的操作。
我不知道我做错了什么。你能帮我查一下吗？非常感谢。
回答 1
Stack Overflow用户
发布于 2020-01-12 21:22:27
问题解决了。它与redux无关。它被store.subscribe渲染了多次。只需将其添加到useEffect中即可解决。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59701579
复制相关文章
相似问题
腾讯云开发者
