我正在尝试将每两个post包装在一个容器div中。下面是我尝试过的，但不幸的是我得到了一个错误。 这就是我尝试过的:我有一个名为postIndex的变量。..}迭代帖子时，我使用if (postIndex % 2 == 0) (检查postIndex是否为偶数)和if (postIndex % 2 == 1) (检查postIndex是否为奇数)进行了一个条件如果postIndex为even，我只渲
浏览 5提问于2019-03-16得票数 1
回答已采纳
我有一个post数组，如果我使用列来显示，它将只是在post容器div上应用multiline类。但我使用的是bulma css内置的tiles布局，不幸的是，它不支持多行，就像列一样。所以我必须将每三个帖子包装在一个带有“tile”类的div中。为此，我将数组分成3个大小的块(这里有人建议，感谢他)，现在它归结为循环通过一个二维数组。现在的问题是，当我试图将内部循环包装在
浏览 14提问于2020-06-26得票数 2
回答已采纳
我的react应用程序是用Gatsby开发的。构建过程失败，因为依赖项是"whatwg-fetch“ 我的应用程序结构基于以下项目。示例：https://www.gitmemory.com/issue/gatsbyjs/gatsby/8612/527732596 错误日志： 1 | var support = {
> 2 |
浏览 56提问于2020-03-22得票数 0
我有一个箭头函数组件，如下所示： const Slideshow = () => { ...} 我想像在类组件中一样初始化一个构造函数： class Slideshow extends React.Component() { modal: false this.toggleModal = this.toggleModal.bind(this); ...
} 我将G
浏览 25提问于2019-08-30得票数 0
1回答
我正在尝试创建一个样式化的组件库包，这样我就可以在不同的项目中重用我的样式。我设法用'npm链接‘在浏览器中正确地显示了我的测试组件，但是当我应用这些样式时，我一直在浏览器中得到一个“无效钩子调用”错误。那么，如何在我的npm包中使用样式化的组
浏览 1提问于2020-08-12得票数 5
1回答
我正在使用react，无法在gatsby中找到如何有条件地呈现这个示例。主要目标是每次更改值时都重新呈现子组件，但我不想只重呈现所有网站的子组件。import * as React from "react" let i=1; const Test = () => { <div >
浏览 5提问于2022-01-19得票数 1
回答已采纳
我有一个自定义钩子，它检查窗口宽度以有条件地呈现一些UI元素。它在开发期间工作正常，但在Gatsby构建上失败。这是我的钩子的代码： const [width, setWidth] = React.useState(window.innerWidth<Menu {...props} /> : <Drawer {...props} />根据盖茨比的说法，在构建过程中</e
浏览 2提问于2020-05-26得票数 2
回答已采纳
我有一个react组件，其中包含许多子组件。我想把这些子组件包装在一个锚标签中。现在，有时锚标签会链接到一个子页面，其他时候它会链接到一个外部页面。现在，我是Gatsby，这意味着我是否使用<a>标记或<Link>组件取决于我是链接到内部页面(<Link>)还是外部页面(<a>)。const ListItem = props => ( {prop
浏览 15提问于2019-06-11得票数 1
回答已采纳
1回答
嘿，这是我第一次发帖，我是一个非常新的网络开发人员。 我尝试使用Gatsby静态图像组件来显示图像，然后用div元素覆盖该图像以覆盖该图片。我使用了一个带样式的组件来定位绝对位置，然而，div并没有经过我的图片，而是转到了我的页脚组件。这就是我到目前为止所知道的： import React from "react"import { StaticImag
浏览 7提问于2021-10-01得票数 2
回答已采纳
1回答
我试图将我的每个页面包装在<Layout> </Layout>周围，因为在我的layout.js中有一个页眉和页脚，然后在我所有的页面上，都会有相同的标题和页脚，而不会重复代码。该错误来自layout.js中的以下代码 import React, { Component } from "react"
<Footer />
</di
浏览 19提问于2020-06-17得票数 1
回答已采纳
2回答
您是否知道是否可以手动重新执行Gatsby页面查询(普通查询)？
注意，这应该在gatsby develop运行时在开发模式下发生。背景资料:我正在尝试用Gatsby和CMS (我的案例是Craft CMS )建立一个草稿环境。我想让gatsby develop运行，比方说，heroku。CMS请求Gatsby页面，将特定的草稿-令牌作为URL参数传递，然后应该重新执行页面查询，使用令牌从CMS重新获取草稿内容，而不是从发布的内容。我通过gatsby-
浏览 0提问于2020-04-17得票数 1
1回答
我想要创建一个提要，其中谷歌广告显示后，每10个帖子，就像Instagram。我正在使用Firebase作为我的数据库和顺风-CSS的样式。我将如何使用谷歌广告来实现这一功能？下面是我显示Feed的代码import {React, useState, useEffect} from "react";import Post from ".>
<
浏览 1提问于2022-04-27得票数 0
回答已采纳
嗨，我试图添加一个instagram提要到我的网站，但我无法找到一个方法，使它的工作。我以前还没有真正使用过这些工具，所以我并不真正理解它，但是我认为我在GraphQL中有提要。以下是一些代码：import { GatsbyImage, getImage } from "gatsby-plugin-image"
import{ useStaticQuery, graphql } from "ga
浏览 3提问于2021-11-21得票数 0
回答已采纳
1回答
我想知道是否可以有条件地包装一个React组件，而不会失去子组件的状态。 <div>{children}</div> children </Fragment>};
有人能告诉我为什么会发生这种情况吗在有条件</e
浏览 2提问于2020-04-28得票数 3
1回答
import React from "react"
import Footer from ".Layout
import {Link} from 'gatsby'
import {FaFacebook, FaTwitter, FaInstagram} from 'r
浏览 5提问于2020-12-25得票数 1
回答已采纳
正如标题所说，我有一个静态查询，用于显示svg的publicURL。这在graphiql中工作得很好，我在其他文件中对其他svg也有非常类似的查询，但由于某些原因，这个确切的查询给了我错误。这些错误中最奇怪的部分是，如果我注释掉查询，保存文件并让gatsby热重新加载，然后取消注释，保存并再次热重新加载，则会出现图标。还有有问题的特定组件。import * as React from 'react';
import {
浏览 1提问于2021-04-28得票数 1
我将Prismjs与Mdx一起用于一个与代码相关的博客。我使用它来以一种与其他博客一致的方式显示代码块。
我遇到了一个问题，呈现的代码块(在<pre>元素中)在我的移动布局中太宽了。具体地说，我使用的是一个名为prism-react-renderer的包(与Gatsby一起)，我为CodeBlock元素(处理语法突出显示)编写的代码与文档中的代码大致相同，但为了方便起见，这里将其包括在内
浏览 35提问于2021-04-08得票数 0
实际上，我正在用WordPress的数据在盖茨比构建我的第一个博客。例如，在上，两个图像中有一个正确显示，而不是第二个。有人可以解释我是否可以将allWpMedia下载到/静态/文件夹中(比如默认的图像)，并将所有的<img />替换为gatsby-image中的<Img />？@2.2.4
├──g
浏览 0提问于2019-07-21得票数 2
它不是一个react组件，因此为了避免任何不兼容，我只是将它封装在一个组件中，如下所示：import { jarallax } from "jarallax.jarallax"), "destroy") render() { }然后在IndexPage<e
浏览 0提问于2019-03-13得票数 2
回答已采纳
1回答
我已经用下面的代码在src/templates/blog-post.js中成功地创建了“特色”图像import { graphql } from "/components/layout" const <
浏览 4提问于2020-03-06得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
