解决并列请求数据覆盖的问题之阻断请求

问题描述

当我们在请求列表数据的时候，在翻页的时候出现上次请求的时长大于最新请求的时长，出现了覆盖最新请求的数据的问题

解决方案一：插桩回收

这其实是一个假取消，之前的请求最终还是完成了的，用来处理promise比较合适

useEffect(() => {
  let canceled = false
  fetchData(pageIindex).then(resp => {
    if (canceled) {
      return;
    }
    // DO SOMETHING UI UPDATE
  });
  return () => canceled = true;
}, [pageIndex]);

解决方案二：Loading - 交互限制 解决方案三：xmlhttprequest.abort方法，用axios的可以用cancelToken 解决方案四：逻辑处理 - 渲染的时候做应该渲染哪个请求的判断