我为元标签创建了这个组件，下面是一个示例：
import React from "react";
const Meta = ({ pageTitle, desc }) => {
return (
<>
<meta charSet="utf-8" />
<meta httpEquiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="Author" content="Luteya Coulston Namasa" />
<meta name="description" content={desc}/>
<title>{`Luteya Coulston | ${pageTitle}`}</title>
</>
);
};
export default Meta;
我面临的问题是，它在加载时显示了所有标签，但在完全加载后，像title这样的标签会重写为<title></title>，Open Graph protocol会被完全删除。我可能做错了什么？
将它们包装在下一个/头中
<Head>
<meta charSet="utf-8" />
<meta httpEquiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="Author" content="Luteya Coulston Namasa" key="author"/>
<meta name="description" content={desc}/>
<title>{`Luteya Coulston | ${pageTitle}`}</title>
</Head>
如果您使用的是同一个元标记，请添加一个键，这样它就不会重复。
默认标签应在_app.js.og中使用：标签、标题和描述等应在页面中使用