【文件属性】:
文件名称:样式化组件-v5
文件大小:195KB
文件格式:ZIP
更新时间:2021-02-15 09:32:30
JavaScript
样式化组件-v5
该项目是通过。
样式化组件的基础
我学到的是:
整体造型
基于道具的条件样式
使用来自样式组件的{css}进行批量样式
在本节中,我学习了如何创建我的第一个React样式化组件,以及如何传递道具并使用这些道具有条件地渲染。 我还学会了使用createGlobalStyle以及如何将Google字体添加到项目中。 最重要的是,我从样式化组件中学习了如何使用css helper库来应用批量样式。
使用命名导出而不是默认导出:
|_src
|_components
|_common
|_Button.js
|_index.js
|_index.js
|_App.js
// common/Button.js
const Button = styled . button `
...
`
export { Button };
// common/ind
【文件预览】:
styled-components-v5-master
----package.json(892B)
----package-lock.json(678KB)
----src()
--------index.js(208B)
--------components()
--------index.css(366B)
----.gitignore(310B)
----public()
--------logo192.png(5KB)
--------manifest.json(492B)
--------robots.txt(67B)
--------index.html(2KB)
--------logo512.png(9KB)
--------favicon.ico(4KB)
----README.md(4KB)