React-Helmet MetaTag在页面更改时消失

时间:2019-02-07 16:45:28

标签: javascript reactjs serverside-rendering react-helmet

我做了一些小的基于ReactJS的Server Side应用学习。我的目标是使用React SSR在Facebook上分享动态帖子,我已经制作了基于画布的应用程序,它可以生成图像,并且我想设置动态metaTag以在FB上分享帖子。

这里是我的示例代码 gitRepo

当我使用Render中的history.push或Redirect标签自动更改页面时,我也面临另一个问题,那么Rect头盔将不会设置metaTag。

2 个答案:

答案 0 :(得分:1)

看起来像您在POST请求成功后在页面(项目)上设置meta的方法。难怪它在其他路线中不存在吗? React头盔会根据React树动态地计算元数据,就像任何React代码一样(如果当时不存在该元数据,则会被删除)。

如果您想跨页面共享元数据,则将其设置得更高一些,例如所有路由共享的App.js。

还可以在saveImage请求之后进行设置,不确定在该点设置这些元标记是否有用。

答案 1 :(得分:0)

最后,我使用react-meta-tags而不是react-helmet,它可以帮助我解决此问题