Gatsby - 对 Contentful 进行动态查询

谢尔盖·克里诺夫

我正在开发一个基于Gatsby和的简单电子商务Contentful。我的其中一页是CartPage. 因此，我正在尝试进行查询以Contenful获取有关我的产品的必要信息，因此我想传递用户购物车中的产品 ID 列表。

这是我的组件和查询：

export interface CartPageProps {
  data: {
    products: GQL.ContentfulProductConnection;
  };
}

const CartPage = ({ data }: CartPageProps) => {

  const mockCart = [1, 2];
  console.log(data);

   return (
    <IndexLayout>
      <Page>
      //
      // Layout goes here
      //
      </Page>
    </IndexLayout>
    )
}
export default CartPage;

const pageQuery = graphql`
  query ProductsInCart($mockCart: [Int], $lang: String) {
    products: allContentfulProduct(filter: { idProduct: { in: [1, 2] }, node_locale: { eq: "en" } }) {
      edges {
        node {
          id
          idProduct
          price
          title
          quantity
          photo {
            resize(height: 200, width: 200) {
              src
            }
          }
          slug
        }
      }
    }
  }
`;

现在我得到的console.log(data)只是undefined.

如果我useStaticQuery使用硬编码的所有数据执行相同的查询- 我会得到所需的数据。但useStaticQuery不接受变量。

我在这里做错了吗？如何将变量传递给查询并将我的数据放入道具？

谢尔盖·克里诺夫

Gatsby 在构建时使用 GraphQL，而不是用于实时站点。正如这里所说的所以它不是为了在旅途中进行 GraphQL 查询。

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

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