如何过滤 slug 数据

朱莉娅谢弗

我正在使用理智来获取 slug 数据，我只是不想显示来自同一帖子类别的相关帖子。

我试图获取所有数据并将其传递给状态。但我不知道如何获取当前帖子类别并过滤数据。我想我需要使用 useRouter 但我不确定。谢谢您的帮助！

[蛞蝓].tsx


/// MY ATTEMPT

const [data, setData] = useState([] as any [])
  useEffect(() => {
  sanityClient.fetch(`*[ _type == "postschema"] {
        _id,
        title,
        category,
    }`
    ).then(result => {
    setData(result)
  })
}, [])

///

const SingleProject = ({projects} : any) => {
return (
    <>
        <>
          <div className="single__page">
            <div className="down__arrow">
   
            </div>
            <div className="single__header">
              <h2>{projects.category}</h2>

{*HERE I WANT TO SHOW SIMILAR POSTS FROM THE SAME CATEGORY*}
            </div>
          </div>

}

export const getServerSideProps: GetServerSideProps = async ({params}) => {
      const query = `*[_type == "projectschema" && slug.current == $id][0] {
     _id,
        title,
         category,
         date,
         website,
        thumbnail,
         client,
         company,
       description,
       review,
       author,
       authorjob,
       image1,
       image2,
       image3,
       image4,
       image5,
        slug
    }`;


const projects = await sanityClient.fetch(query, {
    id: params?.id,
    
})

  if(!projects) {
    return {
        notFound: true
    }
  }


  return {
    props: {
        projects,
    }
  }
}

彼得·凯尔纳

像这样的东西？

{
    data.filter(a=>a.category === projects.category)
        .map(r => {
            return (
              <div>
                output info {project.category}
              </div>
            )
        })
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。