decoupled styling css in js:UI组件与样式分离的解决方案 源码

解耦样式 解决方案-React + TypeScript + Emotion 堆 该解决方案最有可能与技术中的其他使用,例如或 。 目标 任务说明: UI组件与样式的分离应与本机HTML / CSS处于相似的级别(通过公开API来通过class属性或className属性注入样式,HTML元素与其样式分离。) 要求: UI组件与其样式分离。 样式通过其API注入到组件中。 UI组件具有其默认的最小样式,以防万一没有样式被注入。 通过样式API的自定义样式可能会覆盖默认样式。 样式API中缺少的默认样式也可以被覆盖(对于而言,虽然“不安全”)。 可以为UI组件及其子代(和孙子代等)设置样式 可以一次运行为整个应用程序定制样式(样式主题)。 附加要求(无退步): UI组件样式是隔离的(没有名称冲突,样式不会渗入和渗出) 没有对样式的隐式依赖 UI组件应尽可能彼此分离 解决方