如何在重新访问已访问页面时不重新获取数据?

How not to refetch data on revisiting the visited page on react?

假设我有两条路线 /dashboard/profile。现在我第一次访问 /dashboard ,数据被获取并显示在页面上。然后我再次转到 /profile 页面获取并显示数据。现在,当我返回 /dashboard 页面时,我不想再次获取数据。我怎样才能在反应中实现这个?任何帮助都会很棒。

  1. 您可以使用 redux 或上下文创建自己的缓存机制 api,
  2. 你可以使用react-query,它有内置的高级缓存选项来获取数据