从路由返回后如何停止拉取启动接口url？React/React-查询

Question

问题:当我点击下一页的精灵宝可梦详细信息，在返回后，应用程序每次都在获取前12个精灵宝可梦。

我想在返回后停留在当前页面。

链接到代码沙盒https://codesandbox.io/s/bitter-pine-57iwo?file=/src/components/Pokemon/PokemonList.js

Answer 1

如果您希望保持分页状态，我建议您使用状态管理工具，例如Redux，即使是React context也可以处理此问题。

由于您正在使用prev/next url方法，因此我不认为将该值存储在列表路由的queryParams上是很好的做法。

所以，是的，去做国家管理吧。

https://github.com/reduxjs/redux-thunk https://reactjs.org/docs/context.html