react-meta-tags:不断添加元标记

时间:2018-05-05 18:03:17

标签: html reactjs http-headers

所以我正在使用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 =”时,它仍然不起作用:(

0 个答案:

没有答案