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,最终结果如下
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,最终结果如下