首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >化妆,这样我就可以向每个页面添加和正确描述

化妆,这样我就可以向每个页面添加和正确描述
EN

Stack Overflow用户
提问于 2018-10-25 03:45:21
回答 1查看 19关注 0票数 0

这就是我将如何为每个页面获得正确的标题和描述。我的方法是创建一个名为head.js的文件

然后它将道具放入标题和描述中。

代码语言:javascript
代码运行次数:0
运行
复制
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中,我导入了包含此信息的文件。标题和描述。

代码语言:javascript
代码运行次数:0
运行
复制
class Login extends Component {

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

“Meta”错误:

分析错误:意外的标记

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

EN

回答 1

Stack Overflow用户

发布于 2018-10-25 03:54:52

对于第一个错误,只需将导入语句更改为import React from 'react',因为组件中的任何地方都没有使用Component关键字,因此不需要显式导入它。

对于您的第二个错误,我需要关于完整错误日志的更多信息,以及它是在哪行触发的,但是您可以尝试在元标记的结束标记之前创建一个空格,如下所示:<Meta />

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52976834

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档