React-helmet metaTags 在页面更改时消失
React-helmet metaTags are disappears on page change
我制作了基于 ReactJS 的小型学习服务器端应用程序。我的目标是使用 React SSR 在 facebook 上分享动态 post,我制作了基于 canvas 的应用程序,它生成图像,我想设置动态元标签以在 FB 上分享 post。
这是我的示例代码
gitRepo,
当我在 Render 中使用 history.push 或重定向标签自动更改页面时,我还面临另一个问题,然后 Rect-helmet 将不会设置元标签。
看起来您在 POST 请求成功后奇怪地在一个页面(项目)上设置元数据。难怪其他路线不存在? React helmet 从 React 树动态计算元数据,就像任何 React 代码一样,如果它在那时不存在,它就会被删除。
如果您想跨页面共享元数据,请将其设置得更高,例如App.js 所有路由共享。
此外,您是在 saveImage
请求之后设置的,不确定此时设置这些元标记是否有用。
最后,我使用 react-meta-tags 而不是 react-helmet,它帮助我解决了这个问题
我制作了基于 ReactJS 的小型学习服务器端应用程序。我的目标是使用 React SSR 在 facebook 上分享动态 post,我制作了基于 canvas 的应用程序,它生成图像,我想设置动态元标签以在 FB 上分享 post。
这是我的示例代码 gitRepo,
当我在 Render 中使用 history.push 或重定向标签自动更改页面时,我还面临另一个问题,然后 Rect-helmet 将不会设置元标签。
看起来您在 POST 请求成功后奇怪地在一个页面(项目)上设置元数据。难怪其他路线不存在? React helmet 从 React 树动态计算元数据,就像任何 React 代码一样,如果它在那时不存在,它就会被删除。
如果您想跨页面共享元数据,请将其设置得更高,例如App.js 所有路由共享。
此外,您是在 saveImage
请求之后设置的,不确定此时设置这些元标记是否有用。
最后,我使用 react-meta-tags 而不是 react-helmet,它帮助我解决了这个问题