问题标签 [react-helmet]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 单元测试反应头盔代码
我正在使用 react-helmet 将元素添加到 head 元素。
我正在尝试像这样编写单元测试:
reactjs - 是否可以使用 React-intl 作为变量?
我正在使用react-intl
和react-helmet
!我正在尝试将元描述作为翻译文本传递给 Helmet,但这似乎是不可能的!
这是我所做的:
这homepage.description
是一个文本lang/en/en.json
。
我想如果可以抓取翻译并将其用作变量,它可以很容易使用,我会这样做:
如果这甚至可能?或者是否存在任何替代方法或最佳实践?
提前致谢
npm - 未安装circle ci模块
我在circle ci 上有一个容器,它通过所有测试并执行npm install 来安装package.json 中的所有包。但似乎未安装某些软件包导致circle ci失败
错误
即使是面团,我也可以看到包在 package.json
可能是什么问题呢?
javascript - 检查是否加载了样式表然后渲染元素
我正在使用 react、redux、react-router 和 react-helmet 开发通用反应应用程序。我的应用程序中的每个页面都有单独的样式表。当客户端的路由发生变化时,起初,元素还没有样式。几毫秒后,我的页面变得丑陋了!我想要解决这个问题。我怎么知道样式表何时加载?
我的容器组件:
reactjs - react-helmet 在服务器端输出空字符串
我正在使用 react-helmet 并且在客户端上,检查窗口中的一切都很好,并且标签正在正确输出。但是,当我在生产中启动时,标签中的 SSR 启动并没有显示在源代码中,而且我根本没有收到任何错误。
我也尝试记录“字符串化”标题标签并得到:
这是一些代码:
这是我设置标签的页面组件之一,3 个页面组件的设置都与此相同。(我已经简化了组件渲染函数和数据对象,因为它们非常大,我确信它们没有错。)
这是一些服务器代码,特别是 SSR 发生故障的地方,我正在调用 Helmet.renderStatic();
另外,如果有帮助的话,我正在使用 React Router v4。
reactjs - React 从 WP API 获取元标记
我正在使用反应头盔服务器端,我正在尝试从 Wordpress API 获取元标记,例如帖子摘录、图像、标题等。我正在使用 axios 向 WP API 发出请求。
React Helmet 正在工作,但每次我尝试通过状态从 WP API 获取标签时,它都会切换我重新渲染并且不会在 Open Graph Object Debugger 上更新它。
这是我正在使用的代码:
reactjs - Open Graph爬虫不等待React组件安装
我们面临的问题与在单个页面上填充的元标记有关。这是单页网站的常见问题,但在我们的案例中更加严重,因为我们在初始加载时对网站的一大块进行服务器端渲染,其余部分在前端异步完成。正因为如此,Facebook 将初始加载中的 og 标签解释为最终标签,而不是等待安装更多组件,这将使用 Helmet 更改元标签。
如果在浏览器中加载页面然后进行检查,则会显示正确的标签,但是当使用 Facebook 扫描时,它只会获得初始加载的标签集。
任何有关如何解决此问题的建议将不胜感激。
谢谢你。
javascript - 爬虫为我的 React App 子路由读取了不正确的元标记
我面临的问题是,如果我要在 Facebook 上分享我的应用程序的子路由https://www.myapp.com/subroute
(子路由url),链接帖子的预览会显示我的 main 中的标题、描述和图像root route
https://myapp.com
。
如何让链接预览在共享subroute
时使用来自社交媒体的数据,而不是来自.subroutes
root route
index.html
我尝试在react Helmet
我的应用程序的子路由https://www.myapp.com/subroute
(subroute url)上添加以下 Meta 属性,但没有成功:
javascript - 使用 React Helmet 显示标题
我正在使用Gatsby包含的react - helmet在. 我真正想做的是将相同的标题发送到我的全局组件,以便标题显示在页面的实际文本以及头部。我如何用 React 完成这样的事情?我习惯了 Ember,我可以在应用程序控制器/路由上设置一个属性并将其传递给组件,并使用 ember-wormhole 之类的东西更新值。<title />
<meta />
<head />
<Header />
pageTitle
<head />
我知道我可以将 Flux 用于全局状态,或者我可以将 setTitle 传递给我的页面组件,他们可以在每个页面组件上发送一个 setTitle 操作componentDidMount
,但是有没有更好的方法来处理这个问题?也许使用 React Router 4?
到目前为止,我能够像这样提取位置上下文:
所以我可以在其中添加一个函数来根据路径查找页面标题,但我希望页面的“标题”改为全局设置。