【文件属性】：
文件名称：styled-components-course:样式化组件的示例
文件大小：78KB
文件格式：ZIP
更新时间：2021-05-02 10:55:42
JavaScript
样式化的组件示例
此回购包含简单的练习，以探讨样式化组件的功能。 在查看答案之前，请尝试咨询。
练习
在演示文稿和容器中分离一个组件。
要编辑的文件： src/App.js
现在，App.js包含一个App组件，该组件负责逻辑和样式。 在显示和容器组件中将该组件分开。
注入全局CSS。
要编辑的文件： src/index.js, src/App.css
创建文件： src/global.js
我们要向从常规CSS迁移到样式化组件的项目BUT中添加新的字体。
创建一个global.js文件以添加我们的新字体SoberanaSans并在index.js上导入global.js。
确保在现有的css文件上使用此新字体，以验证注入正常。
nav {
font-family:'SoberanaSans';
font-size:17px;
...
}
字体文件可
【文件预览】：
styled-components-course-master
----public()
--------manifest.json(317B)
--------index.html(2KB)
--------favicon.ico(4KB)
----yarn.lock(245KB)
----README.old.md(57B)
----src()
--------logo.svg(3KB)
--------App.js(830B)
--------registerServiceWorker.js(4KB)
--------App.css(636B)
--------index.js(611B)
----README.md(2KB)
----.gitignore(884B)
----package.json(603B)