我正在使用gatsby和gatsby,我希望img标记(Logo组件)在被呈现为html时具有一个className of logo,gatsby图像文档说,如何将它传递给道具。logo.jsimport { StaticQuery, graphql } from "gatsby"
import Img from "gatsby-image"
所以我有一个图像组件,可以渲染两个不同的图像,但我希望能够将图像组件添加到任何页面,并将特定图像作为道具传递进来,而不是必须为我需要使用的每个图像硬编码一个新的查询。如果我有50张图片,我只想把image-50.jpg作为一个道具传入,而不是对它进行特定的查询。有没有办法在gatsby中使用graphql做到这一点?下面是我当前的图像组件代码 import { graphql, useStaticQuery } from "gatsby"
im
我正在尝试创建一个Gatsby组件库(使用特定的Gatsby库,而不是通用的React组件)。当我尝试编译Gatsby组件时,Gatsby模块失败。我知道Gatsby是未转译的ES6,所以我在我的webpack配置中包含了node_modules以转译,但我仍然: ERROR in ./node_modules/gatsby/cache-dir/gatsby-browser-e
我想要将从API获得的Base64转换为iOS脚本应用程序中的图像。下面是我当前的代码: let image = Image.data(Data.fromBase64String(response.icon)) 如何将base64转换为图像?错误: 2021-08-19 12:31:07: Error on line 20:23: TypeError: Image.data is not a function.(In 'Image</
我正在尝试使用带有GatsbyJS中静态查询的组件来显示html信息,形成一个标记文件。当我打印数据时,我会得到带有标记的原始HTML。
import { Link, StaticQuery, graphql } from "gatsby,以及如何将原始HTML更改为更干净的文本数据,比如在普通页面中。index-page.jsimport Re