腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
允许
组件
检测
Gatsby
中
的
路由
更改
reactjs
、
gatsby
在
Gatsby
项目中,我有一个header
组件
,它在每个页面上都是持久
的
。页眉有一个用于显示导航
的
模式。每当
路由
更改
时,我需要将isOpen状态设置为false,以便nav模式关闭。由于
路由
不仅可以通过单击模式
中
的
链接来
更改
,还可以通过使用浏览器上
的
后退按钮来
更改
,因此我不希望在链接上使用事件来关闭模式。在
Gatsby
中
,我可以使用
gat
浏览 23
提问于2020-04-17
得票数 11
回答已采纳
2
回答
盖茨比链接和反应
路由
器链接有什么区别?
react-router
、
gatsby
我有一个由两个不同
的
路径和链接到彼此
的
两个
组件
的
网站。当我使用反应性
路由
器
路由
/链接来实现这些链接时,在webpack
的
最终构建中只有一个html页面和javascript应用程序包。当我使用
Gatsby
时,我看到两个html页面都生成了,但是每个页面的行为仍然类似于单页面应用程序(即单击链接不会导致请求服务器获取另一个页面,它只是动态地呈现)。如果
Gatsby
链接和react
路由
器链接
的
浏览 3
提问于2017-10-11
得票数 2
1
回答
Gatsby
布局
组件
中
的
嵌套
路由
器
reactjs
、
gatsby
、
reach-router
我想知道是否可以在
Gatsby
布局
组件
中使用嵌套
路由
?我知道
路由
器支持这一点,但我不太确定如何使它在盖茨比.在
更改
页面时,是否可以使用嵌套
路由
器、嵌套布局
组件
或任何其他机制来避免重新加载整个主体内容(包括选项卡)?我希望我也可以将子页面定义为MDX,并将这些页
浏览 4
提问于2020-04-08
得票数 2
1
回答
组件
路径支柱是匹配
的
,但不使用
Gatsby
中
仅使用客户端
的
路由
呈现。
reactjs
、
gatsby
、
reach-router
我正在尝试通过
Gatsby
中
的
路由
器从我
的
组件
中
以编程方式导航。URL将按预期更新,但不会呈现
路由
,并显示
Gatsby
静态
路由
列表。我
的
代码 <PageTest1 default /> <Pag
浏览 4
提问于2021-03-17
得票数 1
回答已采纳
1
回答
在componentDidMount
中
初始化脚本-运行每个
路由
更改
reactjs
、
gatsby
我正在为我
的
react应用程序(准确地说是使用gatsbyjs )开发一个导航栏。在导航栏
中
,我在componentDidMount
中
的
navbar
组件
中
初始化了一个标题栏。它按预期工作,但在每次
路由
更改
时,componentDidMount将再次运行,这将导致每个页面
更改
的
阻塞速度加快,使其运行得越来越快。import
浏览 1
提问于2018-11-12
得票数 0
回答已采纳
1
回答
强制
Gatsby
中
的
nagivate函数仅在站点内重定向
javascript
、
reactjs
、
gatsby
、
gatsby-plugin
如何限制
Gatsby
中
的
navigate函数,使其仅重定向客户端
路由
URL,而不重定向到外部站点。
浏览 3
提问于2021-05-12
得票数 1
1
回答
当使用
Gatsby
-plugin-reactive-i18Next时,盖茨比找不到客户端
路由
。
gatsby
、
i18next
、
reach-router
我在盖茨比和
gatsby
-plugin-react-i18next一起使用客户端
路由
。当我试图访问其中一个客户端
路由
而不使用默认语言(例如,url以/sv作为前缀时),则会发现该
路由
不存在。如果我将前缀/sv添加到
路由
器basepath
中
,则Default
组件
/path正在工作,但Profile
组件
/path没有工作。 虽然使用不带/sv前缀
的
默认语言,但一切都如预期
的</em
浏览 3
提问于2021-04-24
得票数 1
1
回答
:<a>不能作为<a>
的
后代出现。在
gatsby
js项目中
reactjs
、
gatsby
、
react-bootstrap
所以我正在使用带有react-bootstrap
的
gatsby
JS,我不清楚如何使用
Gatsby
的
本地
路由
,同时使用react-bootstrap,它似乎使用了react-router……我将
Gatsby
的
<Link></Link>嵌套在react-bootstrap
的
<Nav.Link href="#stuff"><Nav.Link>
中
,它可以工作,但它
浏览 54
提问于2020-08-21
得票数 0
回答已采纳
1
回答
如何创建具有多语言路线
的
一页站点?
javascript
、
reactjs
、
graphql
、
gatsby
、
gatsby-plugin
我正在使用
Gatsby
,我想创建一个使用多语言
的
单一站点,到目前为止,我已经定义了包含以下内容
的
pages/index.js: import React from "react" import Layout修改为: // Implement the
Gatsby
API onCreatePage.我使用
的
插件
gatsby
-plugin-intl会给url添加一个动态前缀,比如:http://localhost:3001
浏览 12
提问于2020-12-14
得票数 1
回答已采纳
1
回答
Gatsby
中
基于浏览器语言
的
重定向
redirect
、
routing
、
gatsby
我正在建立一个基于盖茨比
的
网站。使用"/“可以访问英语内容,使用"/de”可以访问德语内容。这是由以下插件处理
的
:https://github.com/angeloocana/
gatsby
-plugin-i18n。 现在,我想
检测
浏览器语言,并将用户重定向到"/“或"/de”。到目前为止,我所理解
的
是,在
Gatsby
中
实现这种行为并不容易,因为
浏览 24
提问于2020-01-25
得票数 5
1
回答
强制
Gatsby
预取链接页面
state
、
gatsby
、
prefetch
、
link-prefetch
在我
的
应用程序
中
,我将状态存储在一个全局对象
中
(类似于,但不是Redux)。当用户在站点中导航时,我希望这种状态保持不变。
Gatsby
智能地尝试为它在页面上找到
的
链接预取页面内容,但有时当导航到特定路线时,页面会从服务器获取,窗口会重新加载,并且我会丢失状态。更多
的
上下文:我已经为应用程序
中
的
每个链接使用了
Gatsby
Link
组件
,如果需要以编程方式
更改
路由
,我将使用
Ga
浏览 40
提问于2019-12-05
得票数 0
2
回答
GatsbyJS和Contentful:未定义
的
数据
javascript
、
reactjs
、
graphql
、
contentful
、
gatsby
我在layout文件夹中有一个Header
组件
,并进行了查询以提取一些数据。然而,当我定义this.props.data时,我得到
的
结果是‘console.log’。我在哪里做错了?我是不是在查询
中
忘记了什么?Header
组件
代码: export default class Header extends Component {
浏览 6
提问于2018-02-02
得票数 1
3
回答
如何从盖茨比
的
路由
中删除"/app“
reactjs
、
gatsby
我已经设置了
gatsby
项目,我
的
路由
只在它包含/app时才能工作,因为
gatsby
nodejs文件。createPage(page)}而且在生产模式上,我
的
动态路线不起作用有什么问题呢?
浏览 0
提问于2019-04-23
得票数 9
回答已采纳
1
回答
无法覆盖由
gatsby
初学者火箭文档创建
的
docs站点上
的
样式(着色和svg图像)。
node.js
、
reactjs
、
gatsby
、
gatsby-plugin
、
gatsby-theme
我正在处理一个由盖茨比初学者创建
的
docs站点。我想要一个不同于默认
的
图片作为边栏
的
标题。目前,图像来自在节点模块
中
定义
的
svg,而不是存储库
的
代码本身。节点模块没有持久化,因此不能在那里进行
更改
。我需要覆盖节点模块
中
定义
的
样式(通过npm install
gatsby
安装在文件夹
中
),但我需要通过持久化
的
代码来完成。下面是我想要替换
的
图像:这个问题是
浏览 5
提问于2020-12-28
得票数 1
回答已采纳
1
回答
如何将small
gatsby
应用程序嵌入到CRA应用程序
中
javascript
、
reactjs
、
gatsby
、
create-react-app
我有两个应用程序-一个是用CRA写
的
,另一个是用
Gatsby
写
的
。我想将
gatsby
应用程序导入到CRA应用程序
中
。我设法用iframe做到了这一点,但这并不是一个让我满意
的
解决方案。是否可以使用script标记加载
Gatsby
应用程序?我认为这可能很困难,因为我可以看到,在构建
gatsby
应用程序之后,公共目录中有很多文件,而据我所知,不可能创建一个输出文件。我想像这样导入它 <script src="path/to
浏览 19
提问于2021-02-11
得票数 0
2
回答
如何在没有链接
组件
的
盖茨比
中
更改
路由
?
javascript
、
reactjs
、
gatsby
我
的
反应是有控制
的
。当用户提交表单时,在handleSubmit运行
中
,在该函数
中
,我希望将它们重定向/带至一个新
的
url或页面,其中url与它们
的
输入值相同。例如,用户输入"hello",然后当表单提交时,我想将它们带到 在这里,</Link>(
gatsby
)
组件
似乎无法工作。那么,如何在没有Link
组件
的
情况下
更改
路由</
浏览 6
提问于2020-01-06
得票数 5
回答已采纳
2
回答
滚动深度GTM -
Gatsby
reactjs
、
google-analytics
、
single-page-application
、
google-tag-manager
、
gatsby
我有一个问题,运行基于
gatsby
的
页面与GTM滚动深度。问题是gtm滚动深度与SPA不兼容,并且在移动到下一页时不会重置。是否有人使用其他脚本来测量滚动深度,这些脚本可以轻松快速地与
gatsby
和gtm/ga集成?
浏览 1
提问于2019-04-02
得票数 7
2
回答
只运行一次角度变化
检测
,并停止
检测
该
组件
的
更改
。
angular
、
typescript
、
performance
、
angular2-changedetection
、
angular-changedetection
当
组件
加载或
路由
更改
时,我只需要
检测
角度
的
变化一次,然后停止
检测
更改
。我希望页面是静态
的
后,单次变化
检测
。例如: <li *ngIf="doesHavePermission('tem
浏览 2
提问于2019-09-17
得票数 4
1
回答
当我使用i18next处理翻译时,如何在React/
Gatsby
应用程序
中
添加
路由
?
javascript
、
reactjs
、
internationalization
、
gatsby
、
i18next
最近,我在我
的
Gatsby
应用程序
中
实现了一个国际化功能,但是它应该类似于React应用程序,所以如果您知道React,请告诉我您
的
经验,谢谢!因此,我提取了pages文件夹中所有文件
的
文本,并将它们放在不同
的
语言文件夹
中
,当我单击一个按钮来
更改
语言时,pages
中
的
所有文件都会相应地从不同
的
语言translation.js文
浏览 0
提问于2020-09-17
得票数 0
回答已采纳
1
回答
如何在
Gatsby
中
设置页面上
的
状态
reactjs
、
react-router
、
gatsby
考虑到当
组件
文件被添加到文件夹
中
时,会自动创建页面,那么如何在页面之上创建一个高阶有状态
组件
,以便能够控制导航和其他通用
组件
的
状态? 或者我们是否要在页面
组件
中
创建单独
的
状态,即使它意味着重复?
浏览 1
提问于2019-04-02
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Cortana中的漏洞,现在已修补,允许攻击者访问已锁定的计算机,更改其密码
GitHub 上需要关注的 10 大顶级 React 库
GitHub 上需要关注的 10大React 库
2020 年你应该知道的 React 库
想在2020年成为前端大师?就做这9个项目吧
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券