将react查询添加到项目后，我的内容将消失。
将react查询添加到项目后，我的内容将消失。
提问于 2022-11-22 09:14:41
所以我正在处理类型记录和反应，我想从api中获取数据。因此，我向项目添加了react。。
import "./App.css";
import Nav from "./components/Navbar";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { Body } from "./components/Body";
function App() {
//
const queryClient = new QueryClient();
//
return (
<div className="App">
<Nav />
<QueryClientProvider client={queryClient}>
<Body />
</QueryClientProvider>
</div>
);
}
export default App;和
import { useQuery } from "@tanstack/react-query";
import axios from "axios";
//
export const Body = () => {
//
const { data: meme = {}, status } = useQuery(["id"], () => {
axios.get("").then((response) => {
console.log(response.data);
});
});
const defaultImage =
"https://i.pinimg.com/originals/0a/bb/e5/0abbe546e479edc1eb62f5a8ccd66328.jpg";
return (
<div className="body__container">
<main>
<div className="input__container">
<input placeholder="First text" />
<input placeholder="second text" />
</div>
{/* */}
<button> Get new image </button>
{/* */}
<img src={defaultImage} height="400px" width="400px" />
</main>
</div>
);
};但在这之后，网页的内容消失了，只显示了白色的页面。
我检查了控制台和im得到了这个错误：误差图像 ** im没有在任何地方使用useEffect，所以im很困惑。
我尝试使用@tanstack/react查询，并重新启动服务器相同的空白页和错误。
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-11-22 10:01:27
您需要从queryFn返回。
试试这个：
const { data: meme = {}, status } = useQuery(["id"], () => axios.get("/").then((response) => {
console.log(response.data);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74536616
复制相关文章
相似问题
在python中对2dnumpy数组进行反向排序
对wav录制python进行下采样
在Python中绘制之前对numpy向量进行下采样
对一维numpy数组进行下采样
用平均法对Python中的numpy图像数组进行下采样
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
