useEffect在分页更改时使axios调用两次(?)

时间:2020-07-19 00:01:28

标签: reactjs redux axios react-hooks

我们有一个页面,该页面使用<和>按钮循环显示用户有效负载(在Redux中)。实际上,它只是将URL Param userId替换为该用户有效负载中的下一个用户ID,因此相当简单。

问题是,当您单击<或>时,它将使用新使用的ID(正确)进行Axios调用(在useEffect挂钩内),但同时也调用了前一个,这是不必要的,并且正在重复调用每页。

简而言之;

  1. 点击>
  2. URL参数userId已使用Redux有效负载中的新用户ID更新(使用generatePath)。
  3. useEffect使用新的userId(例如1234)和以前的userId进行axios调用。

我在这里缺少带挂钩的东西吗?我删除了所有内容,并仅显示了一个空白的div(无子级),但仍使用旧的用户ID进行呼叫。这让我发疯了。

谢谢。

0 个答案:

没有答案