如何解决健全性错误:必须提供“数据集”才能使用 React 执行查询
我正在尝试使用 Sanity CMS 创建一个博客;当我尝试从 Sanity 数据库中获取数据时,我得到了
“错误:必须提供 dataset
才能执行查询”
我得到了带有 projectID 和数据库名称的 client.js 组件
出现错误的组件如下所示:
import React,{ useEffect,useState } from "react";
import { Link } from "react-router-dom";
import sanityClient from "../client.js";
export default function AllPosts() {
const [allPostsData,setAllPosts] = useState(null);
useEffect(() => {
sanityClient
.fetch(
`*[_type == "post"]{
title,slug,mainImage{
asset->{
_id,url
}
}
}`
)
.then((data) => setAllPosts(data))
.catch(console.error);
},[]);
return (
<div>
<h2>Blog Posts</h2>
<h3>Welcome to my blog posts page!</h3>
<div>
{allPostsData &&
allPostsData.map((post,index) => (
<Link to={"/" + post.slug.current} key={post.slug.current}>
<span key={index}>
<img src={post.mainImage.asset.url} alt="" />
<span>
<h2>{post.title}</h2>
</span>
</span>
</Link>
))}
</div>
</div>
);
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。