- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我制作了一个基于ReactJS的小型学习服务器端应用程序。我的目标是使用 React SSR 在 facebook 上分享动态帖子,我制作了基于 Canvas 的应用程序,它会生成图像,并且我想设置动态元标签以在 FB 上分享帖子。
这是我的示例代码 gitRepo ,
当我在渲染中使用 History.push 或 Redirect 标签自动更改页面时,我还面临另一个问题,然后 Rect-helmet 将不会设置元标签。
最佳答案
在 POST 请求成功后,您似乎在一个页面(项目)上奇怪地设置元。奇怪的是它在其他 route 不存在吗? React Helm 从react树动态计算元,就像任何React代码一样,如果它在那时不存在,它就会被删除。
如果您想跨页面共享元数据,请将其设置得更高,例如所有路由共享的App.js。
此外,您在 saveImage
请求之后设置它,不确定这些元标记在此时设置时是否有用。
关于javascript - React-helmet 元标签在页面更改时消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54578249/
我一直在通过以下方式设置我的 react.js SPA 的页面标题: document.title = {some title} ...到目前为止,它运行良好。现在,我也想更新 meta title标
我有我的 index.html react项目中的页面如下: Bucard | Digital Business Card 还有我的
我正在使用react-helmet,在客户端上,检查窗口中的一切都很好,并且标签输出正确。但是,当我在生产中启动并且标签中的 SSR 启动未显示在源代码中时,我根本没有收到任何错误。 我也尝试记录“字
我制作了一个基于ReactJS的小型学习服务器端应用程序。我的目标是使用 React SSR 在 facebook 上分享动态帖子,我制作了基于 Canvas 的应用程序,它会生成图像,并且我想设置动
我正在尝试在 body 标记上有条件地设置一个类。就其本身而言,这是微不足道的,不是问题,但是当有多个组件时,有条件地同时写入 body 标记的类属性,它们开始相互覆盖。只有其中之一保持活跃,而其他的
我想用 ReactJs 建立一个网站但是,我正在努力输入 react Helm 。这是代码 App.js import React from 'react'; import ReactDOM from
我正在尝试嵌入 tlk.io我的 Gatsby 网站上没有聊天小部件,因为似乎不存在类似的插件。我正在使用 react-helmet 插件来嵌入该脚本,但我的页面上没有显示任何内容。您可以在下面找到我
这是我当前添加元标记的配置: {data? Site- {data.name ? data.name : ""}
我正在尝试在服务器端加载我的react-helmet标签,以便在构建时将它们注入(inject)到静态html文件中。这将允许 Facebook 等公司直接获取源文件并使用适当的元标签。 使用此配置我
我一直在尝试使用服务器端渲染设置 react-helmet。我关注了有关如何使用 SSR 设置 react-helmet 的文档和一些博客文章,但未能产生预期的结果。这是我如何呈现应用程序的代码片段:
我正在使用 Gatsby包含 react-helmet显示 和 中的标签.我真正想做的是将相同的标题发送到我的全局 组件,以便标题显示在页面的实际文本中以及标题中。我如何用 React 完成这样的
我目前正在创建一个网站,并一直希望开始使用 renderToNodeStream提高服务器端渲染的性能而不是使用 renderToString . 目前我正在使用 renderToString然后使用
我使用react-helmet 为我的React 应用程序的每个页面提供唯一的标题和描述。当我使用开发工具检查页面时,标题在浏览器选项卡中正确呈现,标题和描述也正确呈现。然而,谷歌并没有在搜索结果中显
你能帮我理解如何%s引用 中组件的标题属性 Gatsby 入门主题中的组件? https://github.com/gatsbyjs/gatsby-starter-default/blob/mas
所以我使用 react-helmet 在 gatsby 中创建一个 SEO 对象,可以在开发人员工具中看到更新的元标记,但是当使用网络爬虫时,没有任何动态元标记,有谁知道如何解决这个问题? 最佳答案
我在布局文件夹的 index.js 中有此代码: ( <> {child
我正在使用 Helmet.contentSecurityPolicy,这里是我的对象的要点: 我的脚本没有加载..... 这没有加载,但你可以看到我在我的信任项目中拥有它; 未加载:这些是通过 GOO
我试图在中添加一个图标React 应用程序的标签 我现在的标签看起来像这样。 但是我收到了有关意外 token 的错误,有关于如何添加网站图标的任何输入吗?我在这里先向您的帮助表示感谢。 最佳答案
我一生都无法弄清楚这一点。以下站点托管在 Netlify 上并启用了预渲染。检查页面时,所有 OG 标签都是正确的。这些标签是使用react-helmet注入(inject)的。 https://br
我正在使用 react-helmet-async 和 webpack.ProvidePlugin。所以我不需要导入这个包。 我可以添加 Helmet 来忽略 react/jsx-no-undef 的列
我是一名优秀的程序员,十分优秀!