如何将变量传递给pageQuery
我在 Gatsby 中有这个页面：import React from 'react' import Link from 'gatsby-link' import IntroPartial from '../partials/themes/intro' export default clas...
如何使用gatsby-image查询多张图片？
我有16张图片，想以网格形式呈现在网站上。 我使用以下插件： gatsby-image gatsby-source-filesystem gatsby-plugin-sharp gatsby-transformer-sharp 我已阅读文档，据我所知，它只演示了如何查询单个图像。 ...
Gatsby: 使用CSS设置背景图片
在查看 Gatsby 文档时，他们建议您可以像在其他地方一样引用背景图像： .image { background-image: url(./image.png); } 他们没有提到这些图像应该存放在哪里。我尝试将图像目录放在src文件夹、layout文件夹以及根目录中，但我一直收到...
使用Storybook解决组件中的绝对/别名导入问题
我正在使用 gatsby-plugin-alias-imports 来实现绝对引入，例如：import { colors } from "@styles/theme"; 这是在 gatsby-config 中设置的。现在我刚刚将storybook添加到了我的项目中。由于storybook不通过...
GraphQL查询中的变量
编辑：现在下面有可运行的代码。GraphiQL版本我有一个查询，用于获取gatsby-image： query getImages($fileName: String) { landscape: file(relativePath: {eq: $fileName}) { chil...
Gatsby.js：按嵌套对象属性过滤GraphQL查询
我正在制作一家新闻网站，其中将有多篇文章，每篇文章都有一个或多个对应的作者。如果您点击作者的姓名，它将带您到一个页面，显示他们的信息和他们贡献的文章列表。 所以每篇文章都有一个 authors 属性，这个属性是一个包含 author 对象的数组，每个对象都有完整名称、slug（全名小写，空格...
如何在gatsbyjs中创建带参数的路由
我希望在由Gatsby生成的网站中创建一个使用slug作为参数的路由。 我有一个项目列表，位于路由/projects/<slug>上。 通常使用React Router，我会这样创建路由： <Route exact path='/projects/:project' c...
如何在多个类型上使用GraphQL片段
我有一个 Gatsby 项目，其中有两种不同类型的内容非常相似，需要使用 GraphQL 查询：常规页面和维基文章。 按 slug 检索页面export const query = graphql` query($slug: String!) { page: contentful...
如何使用React Context和useState钩子从不同的组件共享状态？
我是React的新手，目前正在为一个Gatsby网站工作。我有一个Layout.js(父组件)和Menu.js(子组件)，当Menu组件的状态发生变化时，我希望将其传递到Layout.js组件中。 我的目标是当菜单处于活动状态时，布局中的文本将会更改。 Menu.jsimport Reac...