Gatsby:当我在URL [Help]中传递参数时，页面不会呈现？
Gatsby是一个基于React的静态网站生成器，它可以帮助开发者快速构建高性能的静态网站。当你在URL中传递参数时，页面不会呈现的原因可能是由于以下几个方面：
- 路由配置问题：Gatsby使用了React Router来处理路由，确保你正确配置了路由规则。你可以在项目的根目录下的
gatsby-config.js文件中找到路由配置，确保你正确定义了带参数的路由规则。 - 参数获取问题：在Gatsby中，你可以使用
props对象来获取URL中传递的参数。在页面组件中，你可以通过props对象的location属性来获取URL参数。例如，如果你的URL是/help?param=value，你可以通过props.location.search来获取参数字符串，然后使用其他方法（如URLSearchParams）解析参数。 - 页面渲染问题：如果你已经正确获取了URL参数，但页面仍然不呈现，可能是因为你没有在页面组件中正确处理参数。你可以使用获取到的参数来动态生成页面内容，或者根据参数的不同进行不同的数据请求和处理。
总结起来，当在Gatsby中传递参数时，需要确保正确配置路由规则，正确获取参数，并在页面组件中正确处理参数以实现页面的呈现。如果你需要更多关于Gatsby的信息，可以参考腾讯云的Gatsby产品介绍。
相关·内容
1回答
Gatsby:当我在URL [Help]中传递参数时，页面不会呈现？
reactjs、routes、gatsby、server-side-rendering、reach-router
我想从url获取url参数(/mypage/?title=my-title)并将其显示在页面中。目前，我在gatsby中尝试了仅客户端路由 import path from "path" constmatchPath: "/headline/*",
浏览 25提问于2020-06-23得票数 0
回答已采纳
2回答
用Gatsby处理URL参数
reactjs、gatsby
我正在使用React & Gatsby创建一个网站，我已经按照我想要的方式布局了所有内容，我只是在理解如何使用URL路由参数来更改显示的内容时遇到了一些问题。例如，假设我有一个页面categories.js，它侦听http://website.com/categories，但是我希望能够动态地处理这样的任何http://website.com/categories参数：
http://website.
浏览 0提问于2018-08-11得票数 4
1回答
更新url查询时，页道具不会更新。
gatsby
我正在使用Gatsby 1.4.0Link A -> Routes to '/test/?name=peter问题
在导航时，布局文件将按预期重新呈现，但不会重新呈现页面文件。只有
浏览 0提问于2017-09-06得票数 4
我在React中有一个页面，显示使用API中的信息构建的不同卡片，如下所示：现在我想将它迁移到gatsby，我了解到我可以使用gatsby源代码rest-API。我可以把这张卡片一样的页面建到盖茨比吗？我不是打破了静态站点生成的“规则”吗？我也可以用Next，但我觉得这对我来说太过分了。
浏览 0提问于2022-04-04得票数 0
回答已采纳
1回答
重新渲染后滚动元素滚动条跳转到顶部
javascript、reactjs、scroll、gatsby
我使用useRef作为导航包装器，并为菜单中的每一项获取一些高度值。然后，我计算了活动导航链接的滚动位置，如下所示，并为导航包装设置了scrollTop值，并且我可以将滚动条对齐到活动链接项。if (activeLink) { }但是每次我单击侧栏中的链接并更改页面时
浏览 3提问于2020-04-21得票数 0
回答已采纳
2回答
盖茨比在开发期间工作良好，但在构建过程中抛出错误。
javascript、reactjs、gatsby
我在盖茨比中将数据从一个页面传递到另一个页面。hoverable cover={<img alt={book} /> </Link>
&
浏览 0提问于2019-01-28得票数 4
回答已采纳
2回答
Gatsby:手动重新执行页面查询
javascript、graphql、gatsby、headless、craftcms
您是否知道是否可以手动重新执行Gatsby页面查询(普通查询)？
注意，这应该在gatsby develop运行时在开发模式下发生。背景资料:我正在尝试用Gatsby和CMS (我的案例是Craft CMS )建立一个草稿环境。我想让gatsby develop运行，比方说，heroku。CMS请求Gatsby页面，将特定的草稿-令牌作为URL参数传递，然后应该重新执行页面查询，使
浏览 0提问于2020-04-17得票数 1
1回答
Gatsby不呈现MDX，而是提供纯文本
javascript、reactjs、gatsby
我正在用Gatsby构建一个博客，我已经取得了一些进展，但是当我尝试在我的博客模板中呈现mdx时，它不会呈现给任何东西。
这就是我创建页面和传递节点的位置。这是我用来呈现帖子的模板。
im
浏览 4提问于2022-11-02得票数 1
回答已采纳
1回答
盖茨比:在JavaScript中定义静态查询？
javascript、reactjs、gatsby
因此，在页面中，可以将查询定义为javascript中的对象，并将其作为data支柱自动传递给组件。在组件中，这种情况不会发生，我看到的示例显示了声明性地定义为标记一部分的查询，然后将其交给呈现方法。我真的一点都不喜欢。在组件的JS中定义graphql查询并在该组件中使用它的gatsby方法是什么？例如：
<Img fixed={data.logo.childImageS
浏览 1提问于2020-02-13得票数 2
回答已采纳
1回答
Gatsby构建不会为非页面组件生成html
gatsby、server-side-rendering、static-site
我在gatsby的index.js中有一个页面，其结构如下： export default () => { <Layout> </Layout>}; 当我运行gatsby build时，它会公开生成一个index.html。(在本例中为浏览器)生成的。页面的内
浏览 8提问于2020-01-17得票数 1
1回答
Gatsby (gatsby-plugin-transition-link) -导航到相同路线时刷新页面
javascript、reactjs、gatsby
我使用的是盖茨比的AniLink import AniLink from "gatsby-plugin-transition-link/AniLink"; <Image src={logoImg} width="220px" alt="Logo" />
</AniLink> 如果我在一条与主页
浏览 35提问于2021-09-23得票数 1
回答已采纳
2回答
Gatsby中布局的条件绘制
gatsby
我正在使用Gatsby，我的布局组件(包含页眉和页脚)放置在gatsby-browser.js & gatsby-ssr.js‘wrapPageElement中。但是，在这样做时，布局将呈现在每个页面上。我将布局组件放置在gatsby浏览器和gatsby-ssr中，因为我的头中有动态内容，如果用户通过身份验证，它将显示用户的电子邮件和导航链接。期望行为
我希望我的索引页不要
浏览 3提问于2020-03-22得票数 2
2回答
链接到相同域上的非Gatsby html页面，而不是Gatsby重定向到404
nginx、create-react-app、gatsby
我有个Gatsby博客。我正在写一组教程帖子，用于在create-react-app中编写游戏。在我的Gatsby帖子标记中，我试图链接到同一服务器上该帖子的演示react应用程序的构建版本，但Gatsby总是给我一个404页面。
我正在使用nginx。由gatsby build产生的公用文件夹中的所有内容都位于我的All服务器的var/www/html目录中。页面</e
浏览 0提问于2019-11-02得票数 1
1回答
向Netlify提供服务命令
javascript、gatsby、netlify
我在netlify上运行盖茨比应用程序。但是我不想从根url (/)提供服务，而是从路径(即/blog )服务所有页面和资产。 ......默认情况下，如果没有传递--prefix-paths标志，这个前缀就会被忽略，根url (/)将是起点。但我注意到netlify上有些奇怪的东西：
/blog/link1不再像本地那样工作(没有呈现的页面)。如
浏览 4提问于2020-07-14得票数 2
回答已采纳
1回答
GraphQL中的Gatsby pageContext为空
javascript、graphql、gatsby、contentful
我在gatsby-node.js的pageContext对象中传递页面的ID，以获取每个页面上的必要内容，但是在根URL /上，pageContext对象中的数据丢失了。在我的index.js-file中，根页面/上的pageContext为空，只有参数pageContext.isCreatedByStatefulCreatePages设置为t
浏览 25提问于2019-11-27得票数 2
回答已采纳
1回答
gatsby.js:内容预加载是如何工作的？
reactjs、gatsby
当查看、等网页时，页面似乎是按一下加载的。加载内容需要几毫秒，直到显示为止。使用Gatsby.js，正如我看到的网站，内容是即时可见的。问题:这是否意味着Gatsby.js将所有页面内容预加载到DOM中？我有一个页面，大约10个静态页面和100个博客文章，每幅图片5-10张。因此，我不确定系统的速度是否只对某个页面和内容大小有意义？是权衡:整个页面(兆字节)的初始页面加载吗？每点击一次页面<
浏览 0提问于2018-04-01得票数 4
回答已采纳
2回答
盖茨比链接和反应路由器链接有什么区别？
react-router、gatsby
当我使用反应性路由器路由/链接来实现这些链接时，在webpack的最终构建中只有一个html页面和javascript应用程序包。当我使用Gatsby时，我看到两个html页面都生成了，但是每个页面的行为仍然类似于单页面应用程序(即单击链接不会导致请求服务器获取另一个页面，它只是动态地呈现)。那么，这两个页面链接技术之间有什么区别呢？
浏览 3提问于2017-10-11得票数 2
1回答
从我的api获取用户详细信息的动态路由
reactjs、gatsby
因此，我在后端有一个路由，它返回一个包含用户详细信息的Json对象，它有一个参数"cn“，您必须像传递"localhost/ user /cn”一样传递该参数。在我的前端，我已经有了一个路由，它返回一个带有用户列表的json对象，并将其显示在一个表中。现在，我想单击每个用户，并重定向到显示用户详细信息的新页面。|-- gatsby-node.js
|-- gatsby-ssr.
浏览 13提问于2019-10-16得票数 0
0回答
SSRS 2008 ReportViewer第0页，共0页
reporting-services、ssrs-2008、ssrs-2008-r2
我在winform URL浏览器中呈现一系列报告，直接在URL字符串中将参数传递给SSRS报告。我得到了数据，但报告通常(问题不一致)只呈现第一页，列出0个页面，并且查找、搜索和移动到页面控件都被禁用
当我在不尝试使用报表查看器&不传递参数的情况下运行相同的报表时，它会正常呈现所有页面
浏览 5提问于2017-06-07得票数 0
2回答
Python after解析，位置参数后的值
python、python-3.x、argparse
、URL参数是可选的。=help_output())requestApp.py help get
re
浏览 0提问于2019-01-26得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
