在NextJS中使用SWR跨页面突变数据

发布时间:2020-07-07 15:50

我正在NextJS项目中使用SWR。我正在索引页中获取数据列表。在创建页面中,我向数据添加一个新条目。现在,我想使用SWR mutate 突变缓存的数据,并不要从服务器重新加载数据列表。

这可以在单个页面/组件中进行。但是,我无法在多个页面中执行此操作,因为重定向到索引页面后,数据是从服务器自动获取的。

当前正在发生什么:获取所有数据,重定向到创建页面,向数据添加单个条目,重定向到索引,获取所有数据

我想要什么:提取所有数据,重定向到创建页面,向数据添加单个条目,重定向到索引,正确显示数据而无需refetch。

我在这里做了一个简单的演示:https://codesandbox.io/s/sad-pike-gzoc3?file=/pages/create.js 我使用mutate("https://swapi.dev/api/people/", "New Name", false); false指示不应进行重新提取。但这不起作用。

现在有人可以通过SWR避免重新引用吗?

回答1