【文件属性】：
文件名称：贝岭的matlab的代码-react-css-themr:CSS模块的简单主题和组合
文件大小：184KB
文件格式：ZIP
更新时间：2021-06-16 08:56:00
系统开源
贝岭的matlab的代码
React之友：React
CSS
Themr
CSS
模块的简单主题和组合。
$
npm
install
--save
@friendsofreactjs/react-css-themr
注意：非常感谢对文档的反馈和贡献。
为什么？
当您使用样式设置组件时，类名对象通常是从同一个组件导入的。
由于
css
类在默认情况下是有作用域的，因此没有简单的方法可以让您的组件针对外部世界进行定制。
该方法
从
和
中汲取灵感，组件应该没有样式。
这意味着我们可以将样式视为可注入的依赖项。
在
CSS
模块中，您可以将导入的类名对象视为组件的主题。
因此，每个样式化组件都应该定义一个类名
API
，以便在渲染函数中使用。
提供类名对象的最直接方式是通过props
。
如果你想导入一个已经注入主题的组件，你必须编写一个更高阶的组件来完成这项工作。
这对于您自己的组件来说没问题，但是对于像
or
之类的
ui-kits，您必须为要使用的每个组件编写一个包装器。
在这种幻想中，您可以将主题理解为一组不同组件的相关类名对象。
将它们组合在一个对象中并使用上下文在组件树中移动它是
【文件预览】：
react-css-themr-develop
----.eslintrc(536B)
----.github()
--------FUNDING.yml(402B)
--------ISSUE_TEMPLATE()
----yarn.lock(385KB)
----src()
--------utils()
--------components()
--------index.js(171B)
----.babelrc(191B)
----lib()
--------utils()
--------components()
--------index.js(2KB)
----types()
--------utils()
--------components()
--------index.d.ts(126B)
----CONTRIBUTING.md(830B)
----.travis.yml(415B)
----tsconfig.json(159B)
----LICENSE(1KB)
----test()
--------components()
----.prettierrc(70B)
----README.md(12KB)
----.releaserc(991B)
----.npmrc(23B)
----.editorconfig(207B)
----CODE_OF_CONDUCT.md(3KB)
----.gitignore(2KB)
----CHANGELOG.md(18KB)
----.bumpedrc(709B)
----package.json(3KB)