Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >化妆,这样我就可以向每个页面添加和正确描述

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

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

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

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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
运行
AI代码解释
复制
class Login extends Component {

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

“Meta”错误:

分析错误:意外的标记

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

EN

回答 1

Stack Overflow用户

发布于 2018-10-24 19:54:52

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

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

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

https://stackoverflow.com/questions/52976834

复制
相关文章
嚯!原来这样就可以提升页面首屏的渲染性能
我们知道渲染页面是一个将服务器的响应内容翻译成图片的过程。但是,如果你页面的渲染性能比较糟糕的话,可能会带来相对较高的跳出率。
前端修罗场
2022/07/29
7860
如何把custom form 7添加到wordpress每个页面
  我们已经知道wordpress如何添加contact form 7了,也知道[contact-form-7 id="xx" title="mytitle"]哪里需要加哪里,但是这个代码一次只能加一个页面,有没办法把代码加到所有页面呢?其实是可以的,只要让wordpress程序执行短代码就能实现。随ytkah一起来看看吧
ytkah
2019/06/24
5180
WordPress添加关键词和描述标签
关键词和描述标签作为SEO的基础配置,在wordpress中没有默认添加,这里记录一下在Wordpress中自动添加关键词和描述标签的方法。
ianzhi
2023/10/19
6490
这样就可以自由的使用Django
Django 之于 Python,犹如 Spring 之于 Java。Django 是 Python 的 web 开发框架,既然是框架,就是一套完整的解决方案,使用框架的时候,需要把你的代码放到框架合适的地方,框架会在合适的时机调用你的代码,框架控制一切,我们只需要按照规则写代码。
somenzz
2020/11/25
6250
网站页面优化:描述(DESCRIPTION)
描述标签,用于汇总网页内容,大概155个字符片段,搜索引擎有时会在搜索结果中展示这些内容,以便访问者在点击页面之前了解页面的内容。如果谷歌认为网页提供的元描述谷歌认为不够好,谷歌会根据网页内容自动生成更适合的网页摘要,使结果与查询字词更相关。由此可见元描述优化对页面基础优化至关重要,吸引用户点击你的链接。
林雍岷
2019/07/03
1.3K0
jQuery实现动态添加和删除(点击按钮添加在页面添加和删除元素)
1:点击添加按钮弹出弹框,form表单可以填写相关的信息 2:点击保存按钮,相关信息会显示在界面的列表里
王小婷
2019/02/26
7.3K0
EEPROM和flash这样讲,我早就懂了
https://blog.csdn.net/yuanlulu/article/details/6163106
MCU起航
2020/12/01
2.3K0
EEPROM和flash这样讲,我早就懂了
如何给每个RM添加约束?
在DFX设计中,我们也会碰到类似的情形,即给同一个RP(Reconfigurable Partition)下的不同RM(Reconfigurable Module)添加不同的约束。这时要考虑几个因素:同一个RP下不管有几个RM,在设计中均对应同一个实例化的名字。这意味着不能仅仅通过SCOPE_TO_CELLS将这些约束对应到不同的RM上。另外,每个RM只有在自身对应的configuration上才有效,所以要保证在这个configuration上对应的RM的约束也要有效。从下图可以看到,当前这个DFX设计中有一个RP,名字为图中红色方框所示,该RP下有两个RM,分别为rp1rm1和rp1rm2。
Lauren的FPGA
2023/08/18
2120
如何给每个RM添加约束?
Vue如何刷新当前页面?我是这样做的,你呢?
以上问题都是日常开发中遇到的,所以有此记录,如果你有不同的解决方案,欢迎留言告诉哦,不同的思路带来不同的碰撞,哈哈。
执行上下文
2022/07/26
6340
向邮件添加附件
可以将附件添加到电子邮件或消息部分(具体地说,是添加到%Net.MailMessagePart或%Net.MailMessage的实例)。要执行此操作,请使用以下方法:
用户7741497
2022/06/09
2.1K0
没有高速摄像机,我是这样测试app页面加载时间
对于安卓app专项性能测试中的页面加载/启动时间测试,对于测试方法的选择主要考虑技术,成本和测试项;对于启动时间/页面加载时间目前主要测试方法有五种,第一种是通过Android Device Monitor  通过筛选包名和Displayed关键字,来看启动时间;第二种是通过获取APP的启动activity,然后通过adb shell am start -W 包名/xxxActivity启动页面,然后输出的的时间有This time,Totaltime和Waittime三个时间;第三种是通过高速摄像机和QuickTime Player 来测试;第四种是通过自动化和图像识别来统计时间;第五种是让开发在代码插桩来进行统计;其中第五种是依赖开发或者依赖代码,并且存在无法判断元素是否加载完成,存在误差,综合以上,根据能力的区别和成本投入,前面四种测试方法都有人选择,而对于第三种应该是最准确,也是对于高要求的公司在使用,基本高速摄像头,一般1s都有240张图,可以测试的很精准,可以真正的测试到用户感知的页面加载完成的时间;对于成本投入小,精度要求不是特别高的,我建议是使用自动化和图像识别,这个是最好的;
厦门-安仔
2021/07/12
9520
想学编程并不难 这样做就可以了
不论你是想自己设计游戏,还是开发iPhone或安卓手机上的应用,还是仅仅为了娱乐,学习编程语言都是一条必经之路。编程语言种类繁多,用途各 异,然而一旦掌握其中之一,其他的也就迎刃而解。作为初学者,你可
用户1667431
2018/04/18
6460
想学编程并不难 这样做就可以了
【新手向】为何要这样安装Django?
專 欄 ❈JacobYRJ,做过爬虫,水仙花数,最擅长的领域是数据库和web框架,其中最熟悉的是Django框架。 Github博客地址:JacobYRJ.github.io❈— 为何选择Django
Python中文社区
2018/01/31
1.3K0
【新手向】为何要这样安装Django?
Ionic 2 添加页面创建页面创建附加页面
现在我们已经基本知道了Ionic2 app的布局,接下来我们来走一遍在我们的app里创建和导航页面的过程。 先看看src/app/app.html, 接近底部的地方有如下内容: <ion-nav id="nav" [root]="rootPage" #content swipeBackEnabled="false"></ion-nav> 注意[root]属性绑定。设置了ion-nav组件的根页面或是第一个基本页面。当加载ion-nav是,rootPage变量引用的就是根页面。 在 src/app/app.c
孙亖
2018/06/06
2.5K0
在别人写的代码上做修改我是这样保证正确性
9年前我入职一家公司,团队里都是之前公司的原同事,彼此都很熟,对各人的能力也都很了解。我当时负责整个公司的搜索引擎。上班第一天,我在看之前的遗留代码。原同事过来问我:“你是打算用这个老系统改造还是重写?”我笑了笑说:“我还是重写吧。” 原同事也意会的笑了笑说:“我就知道。”当时我们都多少带着些技术高人一筹的傲气。而我那位同事成长的更快,我们第三次做同事的时候,他整个人更加成熟谦虚,而那时我还在路上。9年来我再也没有接手可以毫无负担,直接推倒重写的代码。就算有,不搞清楚以前的逻辑和背景,就直接抛掉这些历史包袱是不对的。在修改别人写的代码的时候,我们需要信奉黑格尔的名言:“存在即合理”。一定要弄清楚之前这样编写代码是出于什么样的考虑。 项目背景 这段时间我们团队在修改之前的一个功能。在我接触到这个项目的时候,设计方案已经被讨论了多次,已经到了详细设计的阶段。在我视角需求是这样的:就是一个查询接口的改造,改造前代码逻辑被前人做复杂了,这次一些从下游拿数据来拼接返回值的逻辑可以改成从下游(数据基础服务)简单取部分数据,另外一部分写死。
静儿
2021/10/25
1.2K0
WordPress添加页面导航
安装结束后进入主题编辑器,找到首页 index.php,找到 navigation 或者 nav 相关的代码,注释掉相关代码,并在位置上添加如下代码:
超超不会飞
2020/10/28
1K0
WordPress添加页面导航
ZBLOG设置Tag页面调用关键字和描述的方法
今天有在给客户企业网站调整页面SEO元素的时候,采用的是ZBLOG程序,这里需要对TAG页面进行关键字和描述的调用处理。默认情况下有的插件和常规的代码一般是对文章页面或者首页,甚至包括分类页面是有类似的文档的,但是这里需要对于TAG页面进行处理。
老蒋
2021/12/27
5380
一旦懂了,区域发展就可以这样加速
我们能在多大程度上准确地预见或规划一家企业的未来?那么一个行业、一个产业、一座城市,甚至一个区域的未来呢?
IT创事记
2022/08/30
1850
一旦懂了,区域发展就可以这样加速
点击加载更多

相似问题

我想要添加forEach,这样我就可以分别激活每个&每个add

18

向每个元组对象添加描述?

25

WordPress向页面添加元描述

23

用于向页面添加链接和描述的html表单

13

向SharePoint搜索索引中添加站点和页面描述

23
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文