Question

这就是我要为每个页面获得正确的标题和描述的方式。我这样做的方法是制作一个名为head.js的文件

然后将道具变成标题和描述。

import React, { Component } from 'react'

const Head = (props) => {
  return (
    <React.Fragment>
<title>{props.title}</title>
<meta name="description" content={props.desc}/>
</React.Fragment>
  );
}

export default Head;

头部错误：

第1行：定义了“组件”，但从未使用过no-unused-vars

但是，例如，在我的登录名中，我导入了包含此信息的文件。带有标题和说明。

class Login extends Component {

<Meta title="Hello test world" desc="Hello test 2"/>
.......

“元”错误：

解析错误：意外的令牌

这是因为我在所有页面上都没有相同的标题。

Answer 1

对于第一个错误，只需将import语句更改为import React from 'react'，因为您没有在组件的任何位置使用Component关键字，因此您无需显式导入。

对于第二个错误，我将需要更多有关完整错误日志及其触发行的信息，但是您可以尝试在meta标签的结束标签之前创建一个空格，如下所示：<Meta />

整理好，以便我可以在每个页面上添加右右desc

1 个答案: