所以我正在使用react-meta-tags将一些facebook打开的图形标记放入头部,具体取决于用户正在查看的页面,以便共享正常工作。然而,当使用react-meta-tags时,它只是继续将标签添加到头部而不是在您浏览网站时删除旧标签。这意味着头部充满了元标记! :d
import React from "react";
import MetaTags from 'react-meta-tags';
const Meta = () => {
return (
<div>
<MetaTags>
<title>Site Title</title>
<meta property="og:url" content="http://www.example.com" />
<meta property="og:type" content="music.playlist" />
<meta property="og:title" content="Site Title" />
<meta property="og:description" content="Description" />
<meta property="og:image" content="url to image" />
</MetaTags>
</div>
)
}
export default Meta;
在文档中说:
注意:在代码上定义ID,因此如果您导航到其他网页,旧的元标记将被删除并替换为新标记。
但是他们在github页面上没有提供这方面的例子: https://github.com/s-yadav/react-meta-tags当我对任何标记“id =”时,它仍然不起作用:(