这就是我将如何为每个页面获得正确的标题和描述。我的方法是创建一个名为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行:定义了'Component‘,但从未使用no-unused vars
但例如,在我的Login there中,我导入了包含此信息的文件。标题和描述。
class Login extends Component {
<Meta title="Hello test world" desc="Hello test 2"/>
.......
“Meta”错误:
分析错误:意外的标记
这是因为我在所有页面上都没有相同的标题。
发布于 2018-10-24 19:54:52
对于第一个错误,只需将导入语句更改为import React from 'react'
,因为组件中的任何地方都没有使用Component
关键字,因此不需要显式导入它。
对于您的第二个错误,我需要关于完整错误日志的更多信息,以及它是在哪行触发的,但是您可以尝试在元标记的结束标记之前创建一个空格,如下所示:<Meta />
https://stackoverflow.com/questions/52976834
复制相似问题