新建有关class组件的页面

1  在VSCode中安装es7插件,该插件可以在敲rfc,rcc时,按回车键,出来分别对应的函数组件模板和类组件模板

2  在src中新建一个header.js文件 然后使用快捷方式rcc 

生成的模板如下

 

3  在上述<div></div>中写入你想插入的字体

 

 4  在index.js中使用header组件

 5  保存 运行npm run start,最终结果如下

6  改造函数APP组件变成class组件 

  7  保存 运行npm run start,最终结果如下