swr或useSWR如何在reactjs / nextjs中正常工作？
SWR（Stale-While-Revalidate）是一个用于数据获取和缓存管理的React Hooks库，而useSWR是SWR库提供的一个自定义Hook。它们可以在ReactJS和Next.js中正常工作，提供了一种简单且高效的方式来处理数据请求和缓存。
SWR的工作原理是在数据请求时，首先从缓存中获取数据（如果有），然后向服务器发起请求以获取最新数据。在等待服务器响应期间，SWR会返回缓存中的旧数据，以便快速渲染页面。一旦服务器响应返回，SWR会自动更新缓存，并重新渲染页面以显示最新数据。
在ReactJS或Next.js中使用SWR非常简单。首先，你需要安装SWR库：
npm install swr然后，在你的组件中引入SWR和useSWR：
import useSWR from 'swr';接下来，你可以使用useSWR来发起数据请求并获取数据：
const fetcher = (url) => fetch(url).then((res) => res.json());
function MyComponent() {
const { data, error } = useSWR('/api/data', fetcher);
if (error) return <div>Failed to load data</div>;
if (!data) return <div>Loading...</div>;
return <div>{data}</div>;
}在上面的例子中，我们使用了一个简单的fetcher函数来获取数据。useSWR接受两个参数，第一个参数是数据请求的URL，第二个参数是用于获取数据的函数。在这个例子中，我们使用了fetcher函数来发起GET请求并返回JSON数据。
useSWR返回一个包含data和error属性的对象。data包含从服务器获取的数据，error包含任何请求错误。在组件中，我们可以根据data和error的值来渲染不同的UI。
对于Next.js，你还可以在getServerSideProps或getStaticProps中使用useSWR来获取数据并在服务器端渲染页面。
SWR和useSWR的优势在于它们提供了简单且灵活的方式来处理数据请求和缓存。它们可以自动处理数据的过期和重新验证，减少了开发人员的工作量。此外，SWR还提供了一些高级功能，如自动重试、缓存配置和局部更新等。
在使用SWR时，腾讯云提供了一些相关产品和服务，如云函数SCF（Serverless Cloud Function）、云数据库CDB（Cloud Database）、对象存储COS（Cloud Object Storage）等，可以根据具体需求选择合适的产品。你可以在腾讯云官网上找到更多关于这些产品的详细介绍和文档。
腾讯云云函数SCF：https://cloud.tencent.com/product/scf
腾讯云云数据库CDB：https://cloud.tencent.com/product/cdb
腾讯云对象存储COS：https://cloud.tencent.com/product/cos
请注意，以上只是一些示例产品，具体的选择应根据实际需求和场景来决定。
相关·内容
1回答
我遵循了一个教程，并查看了以下代码： import useSWR from "swr"
import { fetcher } from "./fetcher"
export function useFeed() {
const { data: feed } = useSWR("/api/feed", fetcher)
return { feed }
} data和feed之间的:是怎么回事？为什么返回的是feed而不是data？我在nextjs swr文档中看到了重复的分号模式。有人能给我解释一下它是做什么的吗？
浏览 68提问于2021-01-17得票数 0
回答已采纳
在第一部分中，我使用了fetch()方法，它工作得很好，但是当我使用useSWR()方法时，它返回未定义 export const getAllEvents = async()=>{
const response = await fetch('https://*******-rtdb.firebaseio.com/events.json');
const data = await response.json();
const events = [];
for (const key in data){
events.pus
浏览 52提问于2021-10-15得票数 -1
回答已采纳
1回答
SWR不提供陈旧的数据？
、、、
我当时的印象是，SWR应该在页面加载时返回陈旧的数据，然后用API中的新信息更新视图。
我用简单的API超时制作了一个基本的Nextjs应用程序，每次都要“加载”--我在API中添加了5秒钟的超时时间。我的印象是，在API调用返回之前更新之前，它应该服务于以前缓存的版本？
Vercel
回购-
index.js
import useSWR from 'swr'
const fetcher = (...args) => fetch(...args).then(res => res.json())
export default function Home() {
浏览 4提问于2022-03-17得票数 1
回答已采纳
2回答
我在我的NextJS项目中使用了SWR库，目前我正在构建一个仪表板。我想访问多个端点以获取不同的数据，但我找不到任何使用SWR对端点进行多个调用的引用。 我使用的语法如下； const { data, error } = useSWR('/api/users', fetcher);
if (error) return <div>Failed to load</div>
const { data, error } = useSWR('/api/balloons', fetcher);
if (error) return <div&
浏览 26提问于2021-03-17得票数 3
回答已采纳
1回答
我在SWR中使用NextJS，我想用SWR获取一个特定ID的数据。当用户单击表行时，它将从服务器上提取带有该ID的数据。
下面是SWR代码
export const apiExpenses = () => {
const { data: showExpense, error, mutate } = useSWR('/api/expenses/show', () =>
axios
.get('/api/expenses/show/' + expenseId)
.then(res => res.da
浏览 6提问于2022-02-23得票数 0
1回答
我尝试显示数据，并通过react使用swr数据获取，代码如下： import useSWR from "swr";
import axios from "axios";
const fetcherFunc = (...args) => {
return axios(...args).then((res) => console.log(res.data));
};
function MyComponent() {
const { data, error } = useSWR(
"https://jsonplaceholder.
浏览 24提问于2021-07-10得票数 0
回答已采纳
我想将变量添加到我的swr中，它使用graphql请求获取。这是我的密码
import { request } from "graphql-request";
import useSWR from "swr";
const fetcher = (query, variables) => request(`https://graphql-pokemon.now.sh`, query, variables);
export default function Example() {
const variables = { code: 14 };
co
浏览 12提问于2020-12-28得票数 3
回答已采纳
我在我的NextJS项目中使用了useSWR，但在返回未定义的内容时遇到了问题。 hooks.jsx import useSWR from 'swr';
import { useEffect } from 'react';
import { useRouter } from 'next/router';
const fetcher = (url) => {
fetch(url)
.then((r) => r.json())
.then((data) => {
r
浏览 13提问于2020-10-09得票数 0
目前，我正在使用SWR来获取数据，我尝试使用SWR的突变特性来重新获取新数据，但是当我调用key调用mutate()时出现了一个问题，添加了新的查询参数。
下面是我的代码不起作用：
import useSWR, { useSWRConfig } from 'swr'
function Profile () {
const { mutate } = useSWRConfig()
const { data } = useSWR('/api/post', fetcher)
return (
<div>
<h1&g
浏览 12提问于2021-12-06得票数 5
回答已采纳
2回答
我想在我的web应用程序中实现useSWR，并从项目中删除axios，但我不知道如何在同一个页面上多次使用SWR。我想我可以用两个钩子：
const { userData, userError } = useSWR(url, fetcher)
const { coinData, coinError } = useSWR(url,fetcher)
但这并不管用。(我想你需要使用{ data, error })
这是我目前拥有的代码，但我想用SWR向我的数据库发出另一个get请求。
const fetcher = (...args) => fetch(...args).then((res
浏览 3提问于2021-11-06得票数 0
我尝试在我的项目中使用SWR钩子，但当我启用选项悬念到true时，我遇到了一个问题，我已经将SWR钩子放入主页组件中，但它不适用于悬念选项，因此我不得不将它放在子组件中才能正常工作。如何将swr钩子放到主页中，悬念仍然有效？
页/home.js.：
export default function Home() {
return (
<div>
<h1>Home page</h1>
<Suspense fallback={<Loading />}>
<Post />
浏览 2提问于2022-10-16得票数 0
我想从后端获取数据。我用useSWR。在函数getDataUseSWR中有两个bug。在行'fetch(url).then‘错误:1：“预期的0参数，但得到1”；
2：“属性‘则’在类型上不存在‘(输入: RequestInfo，init?：RequestInit财政未定义) =>承诺’；
当我尝试使用AlfaComponent和useSWR进行fetch时，它可以工作，但是当我将它分成两个文件时，它就不能工作了。
import useSWR from 'swr'
export async function getDataUseSWR (urlInput: s
浏览 10提问于2022-03-16得票数 0
我遵循一个使用useSWR从Firebase获取数据并使用它来设置状态的过程。但是，当我尝试对数据进行控制台记录时，就会出现未定义的情况，并且屏幕会显示加载。这有什么原因吗。我甚至复制了讲师使用的完全相同的代码(除了API链接)。
import { useEffect, useState } from 'react';
import useSWR from 'swr';
function LastSalesPage() {
const [sales, setSales] = useState();
// const [isLoading, setIsL
浏览 11提问于2021-11-18得票数 3
回答已采纳
如果我显式地输入取取器，来自swr的useSWR钩子可以在任何地方工作。
const { data } = useSWR("http://...", fetcher);
但是，如果我使用swr全局配置，如下所示，useSWR只在First页面中工作，而在HeaderLayout组件中不起作用。我做了一些调试，发现在HeaderLayout中，即使被包装在其中，也不会从swr全局配置(SWRConfig in _app.tsx)中接收值。
我遵循了这个文档的页面布局实现。
// _app.tsx
type NextPageWithLayout = NextPage & {
浏览 1提问于2021-10-22得票数 1
回答已采纳
1回答
崩溃反应组件
、、
在将SWR数据提取添加到我的react组件之后，它会崩溃，如果我注释掉它，它就会正常工作。取消注释行const { data } = useSWR(`/api/views/${slug}`, fetcher)后，我得到以下错误
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component
浏览 3提问于2022-04-29得票数 0
回答已采纳
伙计们，你们能帮帮我吗？
我正在尝试配置我的伪API来创建一些个人项目，但在我的示例中，使用/pages/api文件夹的方法只在本地主机上部署到Vercel上的服务器时才适用于我，该项目无法找到我的端点。
在我的例子中，我使用src/文件夹方法来开发我的应用程序，我不知道这个结构是否会导致api文件夹的问题。
我尝试并工作过的一件事是使用应用程序根目录( /src文件夹之外)的api文件夹部署到vercel，但是api停止在本地主机上工作。
此结构在本地主机上工作，但在服务器上不工作：
├───public/
├───src/
├───api/
├───pages/
.
浏览 1提问于2021-03-15得票数 3
我现在进入Nextjs 12.2。我有一个使用useSWR获取数据的简单组件，但出于某些原因，我遇到了一些水化问题，无法理解它从何而来。参见下面两个例子，一个失败，一个工作，但我想了解为什么第一个不起作用。
最后是水化问题
import axios from "axios";
import useSWR from "swr";
import styles from "./styles.module.scss";
const fetcher: any = (url: string) =>
axios.get(url).then((re
浏览 3提问于2022-10-29得票数 0
1回答
有没有一种方法来模拟useSWRConfig钩子在Jest测试中的实现？
import useSWR, { useSWRConfig } from 'swr';
it('should mutate', () => {
const mutation = jest.fn();
useSWR.mockImplementationOnce(() => ({ error: true })); // this works
useSWRConfig.mockImplementationOnce(() => ({ mutation })); /
浏览 6提问于2021-12-21得票数 1
1回答
我正在使用Vercel SWR钩子usrSWR，我希望我可以在某个遥远的组件中获得缓存中存储的数据，而不是必须使用上下文或其他全局状态管理器。 具体地说，我使用initialData在IndexPage中设置缓存数据，我可以看到返回的data是正确的，但是当我尝试从OtherComponent中检索相同的数据时，数据返回为未定义。 我在codesandbox中有代码：https://codesandbox.io/s/useswr-global-cache-example-forked-8qxh7?file=/pages/index.js import useSWR from "swr
浏览 20提问于2021-03-28得票数 2
我正在使用NextJS和SWR来获取数据。我将getServerSideProps返回的initialData提供给SWR。 分页工作得非常好。当我转到第3页时，我看到了第3页数据。当我转到第5页时，我首先再次看到第1页，然后看到第5页数据。我认为这是在验证过程中发生的。我想在第5页准备好之前显示第3页数据。我该如何解决这个问题呢？ 我的抓取器 const fetcher = url => axios.get(url).then(res => res.data) 如何使用getServerSideProps获取数据 export const getServerSideProps
浏览 40提问于2021-08-12得票数 1
回答已采纳
我正在尝试使用useSWR钩子从API中获取数据。
API和请求可以正常工作，但数据永远不会更新。以下是代码：
import useSWR from 'swr'
import { SERVER_URL } from '../config';
import axios from 'axios'
const fetcher = url => axios.get(url).then(res => res.data)
export default function MainPageView() {
const { routines,
浏览 15提问于2022-01-02得票数 0
回答已采纳
1回答
我想知道传递给下面的函数的这个参数的类型是什么 const fetcher = async (...args) => {
~_ 0 const res = await fetch(...args);
1
~ 2 return res.json();
浏览 21提问于2020-10-05得票数 6
回答已采纳
1回答
我试图在revalidate项目中使用SWR在 close上使用NextJS数据。
我像这样使用SWR钩子。
const { data, error, isValidating } = useSWR(
process.env.NEXT_PUBLIC_APP_URL + `/api/users`,
fetcher,{
revalidateIfStale: true,
revalidateOnFocus: true,
revalidateOnMount:true,
}
);
useEffect(() => {
if (d
浏览 18提问于2022-06-28得票数 1
回答已采纳
在与其他组件共享相同状态时，突变函数不像我预期的那样工作。
期望:通过单击按钮，重新获取原始数据，这样我就可以在networkTab上找到新的networkTab请求。
工作:但是，每一个变异的调用，都不会获取新的数据。我在networkTab上找不到networkTab
如果我删除了Item.js文件，它就会像我预期的那样工作。(每一次变异调用，每次重取)
为什么会这样？
//App.js
import React from 'react';
import logo from './logo.svg';
import './App.css';
浏览 6提问于2021-11-09得票数 0
回答已采纳
1回答
我正在尝试使用nextjs和useSWR钩子创建分页。
我现在就是这样做的，而且看起来很管用.但是，我在文档中看到，作为第一个参数传递的键应该是唯一的字符串(通常是URL)。我只是传递索引来获取正确的数据。我的方法会破坏缓存吗？我不确定我做得对不对？
index.js
import React, { useState } from 'react'
import Page from '../components/page'
export default function IndexPage( ) {
const [pageIndex, setPageInde
浏览 1提问于2021-03-14得票数 1
回答已采纳
1回答
如果我在同一个函数中有两个SWR钩子(或者有一个数据变量的其他钩子)，
export default function Panel() {
const { data, error } = useSWR("/api/customer", fetcher);
const { data, error } = useSWR("/api/user", fetcher);
...
data.map(...)
}
它们都有一个数据变量。如何将1数据重命名为其他数据，这样它们就不会互相替换？
作为一种选择：
const { data, error } = useSWR(
浏览 2提问于2022-05-11得票数 0
回答已采纳
1回答
我在这里发布了一些关于SWR钩子的问题，因为在我尝试使用它的过程中，由于我遇到了一些问题，所以使用起来有点困难。
现在，这一次的错误似乎很小。
我要做的是在API测试中提取一个断点来获取一些数据(顺便说一句，我使用的是axios )，现在的问题是，我必须从useSWR中构造{data}，因为这是我从axios接收到的数据，我认为这导致了一个问题，我必须把这个论点传递给钩子，这样才能使一切正常工作。
让我给你看一些代码
使用useSWR
const Part1 = () => {
const router = useRouter();
const [searchBar, setS
浏览 4提问于2021-05-23得票数 0
我有一个使用SWR + Axios进行数据获取()的React应用程序。问题是，我使用useSwr的自定义钩子在初始化钩子时首先获取所有数据。我的目标是只有当我调用mutate时才能获取。目前，即使不调用mutate，也正在进行初始提取。对如何在这里实现我的目标有什么建议吗？
我的应用程序包装在SWRConfig中：
<SWRConfig
value={{
fetcher,
}}
>
<App/>
</SWRConfig>
抓取器的描述如下：
const dataFetch = (u
浏览 10提问于2021-12-06得票数 6
我试图使用useSWR() libary从API中消费数据，并且返回的数据是一个对象数组，所以我决定首先尝试使用axios方法进行请求，方法如下
const fetcher = (url) => axios.get(url).then((resp) => resp.json());
但是这个取款器不起作用，所以我尝试使用提取方法，我注意到数据被检索了，但是我尝试了映射，它给了我一个arror，它说data.map不是一个函数。
const fetcher = (...args) => fetch(...args).then((resp) => resp.
浏览 4提问于2022-07-30得票数 0
我有一个useSubjects自定义钩子，可以从利用useSWR的API端点获取数据。
import axios from '@/lib/axios'
import useSWR from 'swr'
/**
* Fetcher Function for SWR
*/
const fetchSubjects = async url => {
console.log("url = " + url)
await axios
.get(url)
.then(res => res.data
浏览 6提问于2022-07-06得票数 0
回答已采纳
2回答
我正在使用swr。
swr中的数据类型为IAge|未定义。
我不想将未定义的值传递给AgeComponent，所以我希望年龄类型为IAge。
由于未定义在AgeComnponent中是不允许的，因此类型'IAge | undefined‘不能赋给类型'IAge’。类型'undefined‘不能赋值给类型’IAge‘。t错误
如果我不想在AgeComponent道具的年龄中允许未定义，我应该怎么做？
import useSWR from 'swr';
import { IAge } from 'domain/age_groups';
ex
浏览 0提问于2021-03-16得票数 2
1回答
SWR库的钩子调用无效
、、、
我正在尝试使用带有react钩子的SWR library来执行delete请求。我知道钩子不能在return()中调用。但是如何在我的react钩子项目中使用useSWR删除请求呢？谢谢
const page = () => {
function onDelete(id) {
const { data: deleted } = useSWR(`http://example.com/api/project/delete/${id}`, fetcher)
}
return (
// some rendered component
浏览 0提问于2021-06-25得票数 0
因此，当我尝试使用SWR库从API端点获取数据时，我只能获得返回数据的第一个抓取器函数……如果我在浏览器中检查所有API端点，它们都可以正常工作，但是在代码data1、2、3、4中，如果我在控制台记录它们，它们都返回undefined，我是不是没有正确地使用这个库来获取多个API？ const fetcher = async () => {
const response = await fetch("API");
const data = await response.json();
return data;
浏览 15提问于2021-11-03得票数 0
回答已采纳
我有一个用NextJS钩子编码的页面，当我试图呈现一个页面时，错误会显示标题中的内容，我想是因为我正在映射的对象在第一次加载时是空的/未定义的。我加了"?“我在页面上的每一张地图，它仍然给了我这个错误.我注意到，如果我在页面上留下错误后，按下"Ctrl + shift + r“，页面将正常加载。是什么导致了这一切？
import {Fragment, useEffect} from "react";
import Head from "next/head";
import DashboardPage from "../../../../c
浏览 2提问于2021-11-07得票数 3
1回答
不返回任何数据
、、
我在试着让SWR工作。当我将其应用到代码中时，我发现的每个示例似乎都不起作用。我不知道我做错了什么--代码看上去是一样的，我肯定有些超级简单的东西，我就是看不见。
我有一个样板next.js应用程序。
我的index.js有；
import useSWR from 'swr'
export default function Home({ isConnected }) {
const { data, error } = useSWR('/api/')
return() //jsx here
}
当我启动开发服务器时，它会告诉我是可以查看开发服务器的地方。
浏览 1提问于2021-03-02得票数 2
回答已采纳
1回答
我编写了一个自定义钩子，它使用SWR从我的API中检索数据，同时为请求设置“身份验证”头。
钩子对所有成功的请求都很好，但是我希望能够处理失败的请求(400个状态代码)。
我可以使用const res = await fetch(url的结果访问状态代码，但是如何将error参数中的错误返回给钩子的调用者呢？
import useSWR from 'swr';
export default function useAPI(path) {
const auth = useAuth();
const { data, error, isValidating, mutate
浏览 3提问于2021-03-27得票数 2
回答已采纳
2回答
开发环境
·next.js
·打字
·swr
它使用swr与swr进行通信。
我只想在查询的值发生变化时运行它。
而且还在初始绘制期间执行。
我可以做些什么来防止它在初始绘制过程中运行？
export const useUserQuery = (query: string) => {
const fetcher = (url) => {
Axios.get(url).then((res) => {
return res;
});
const path = `users/?query=${query}`;
const { data
浏览 2提问于2020-10-26得票数 1
例如，我使用react路由器切换到不同的页面：
const Apage = () => {
const { data, error } = useSWR('/a-data', fetcher);
return (
<div>{data}</div>
);
};
const Bpage = () => {
const { data, error } = useSWR('/b-data', fetcher);
return (
<div>{dat
浏览 0提问于2020-07-07得票数 6
我正在尝试找出是否有一种方法来抽象我为我的React应用程序创建的数据获取钩子，以及Typescripts泛型。不幸的是，我对Typescript的理解并不像我希望的那样好，所以我陷入了困境。 我使用的钩子是基于SWR提供的example，SWR是我正在使用的数据抓取库。他们在他们的存储库中有一个我想要构建的example，但它使用的是Axios，而我使用的是fetch (确切地说是同构-未取)。 更明确地说，我使用useUsers钩子从我的用户端点获取所有用户，如下所示： import useSWR from 'swr';
import fetcher from '
浏览 22提问于2021-03-31得票数 2
回答已采纳
我想将swr数据放入setState[]，我有这样的代码。
const { data } = useSWR('/api/data', fetcher);
const [contents, setcontents] = useState<Array<string>>([]);
如何编写代码将data放在setcontents[]中？
浏览 6提问于2021-12-15得票数 1
回答已采纳
你好，我尝试构建一个从API获取数据的应用程序。我使用SWR Hooks来获取数据
// libs/fetch.js
import fetch from "isomorphic-unfetch"
export default async function(...args) {
const res = await fetch(...args)
return res.json()
}
// App.js
import React, { useEffect } from "react"
import "./styles.css"
import
浏览 27提问于2020-02-24得票数 3
回答已采纳
2回答
我希望UI中的数据能够立即更新，而不是等待SWR与数据库同步。
我尝试过跟踪，但UI仍然不会自动更新(我切换到浏览器更新它)。下面是代码：
import useSWR, { useSWRConfig } from "swr";
export default function Tasks() {
const { mutate } = useSWRConfig()
const { data } = useSWR("/api/tasks", (...args) =>
fetch(...args).then((res) => res.jso
浏览 16提问于2021-12-13得票数 3
回答已采纳
计数器正在以更快和随机的速度递增。
在Next.js中实现这一点的正确方法是什么？
这是我的代码：
import useSWR from "swr";
import { useEffect, useState, useRef } from "react";
const fetcher = (...args) => fetch(...args).then((res) => res.json());
let key = ""
export default function App() {
const { data, erro
浏览 8提问于2022-09-07得票数 0
我尝试使用ID vorlagen从 API中获取对象vorlageAngenommen，并希望显示属性vorlageAngenommen是真还是假。
JSON对象如下所示：
我的代码没有运行，如下所示(我不确定这是否是一个很好的基础)：
import useSWR from "swr";
import "./styles.css";
const fetcher = (...args) => fetch(...args).then((res) => res.json());
const arrayFindObjectByProp = (a
浏览 6提问于2021-05-23得票数 1
回答已采纳
我想使用useSWR和useRouter创建基于沙龙配置文件ID的动态页面，但是在呈现页面之后会加载数据。
这是我的密码：
import useSWR from "swr";
import { useRouter } from "next/router";
const fetcher = (url) => fetch(url).then((res) => res.json());
export default function FindSaloonProfile() {
const router = useRouter();
const
浏览 14提问于2022-03-06得票数 0
我试图查看使用SWR从API获取的数据，并将API中的货币设置为用户通过上下文API使用的任何数据，但我看不到任何数据。有人能帮忙吗。知道什么是不对的。
这是代码
import React from 'react'
import useSWR from "swr";
import {CryptoState} from "../context/cryptoContext"
import { useContext } from "react";
function Trending() {
const {currency }
浏览 2提问于2022-05-13得票数 0
多亏了useEffect钩子，我有一个在挂载时获取数据的组件。当我重新导航到这个组件时，我希望它不要在挂载时重新获取数据，而是使用useSwr钩子提供的“缓存”数据。我不知道该怎么做。我读到的是，你可以这样调用swr： const { data } = useSwr('same route as previous one') 它会给你之前的swr调用存储在缓存中的数据。 const CategoryList = ({setLoading}) => {
const [category, setCategory] = useState('');
浏览 47提问于2020-10-09得票数 1
1回答
我不能显示图像
、、
请尝试显示我存储在NextJS API文件夹中的数据，该文件夹中有图像，但图像没有显示，只显示alt属性，但显示的是所有其他数据，当我console.log图像时，我将看到数据。我做错什么了？
这是我的代码// pages/api/data.tsx文件
import type { NextApiRequest, NextApiResponse } from 'next'
type Data={
id: number,
name: string,
description:string,
image:string,
price:number
}[]
e
浏览 2提问于2022-07-25得票数 0
回答已采纳
1回答
我使用SWR来获取数据来填充表。我使用以下代码：
const { data: items, error } = useSWR(fetchAllItems.name, fetchAllItems)
取取器函数如下所示
async function fetchAllItems() {
const response = await fetch('http://localhost:3000/items')
const data = await response.json()
return data
}
该表还具有添加新项的选项。在创建新项之后，我调用mutate让SWR获取
浏览 12提问于2022-03-17得票数 6
回答已采纳
1回答
我在访问缓存中的数据时遇到了问题。我有仪表板部件。在这里获取数据是可以的，我可以访问它。
const Dashboard = ({ code }) => {
const {
data,
error,
mutate
} = useSWR(['/api/user', code], (url, code) => api.auth.getAuthData({ code }))
return (
<MainLayout>
<div>
dasdasdasasd
&
浏览 2提问于2020-09-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
