如何在不同文件间通过Styled Components复用样式集合？

嘿，完全get你的感受！在SASS里定义和使用mixin真的顺手得不行，就像你写的这个示例：

@mixin section( $radius:4px ) { 
  border-radius: $radius; 
  background: white; 
} 

.box { 
  @include section(); 
}

直接定义带默认参数的mixin，想在哪用就在哪@include，根本不用操心导入的问题。

但在Styled Components里，如果靠extend来扩展复用样式，就有点麻烦了——你得在每个需要用到的页面里，先手动导入对应的基础组件才行。对比起ThemeProvider那种能把变量全局挂载、随用随取的方式，这种重复导入的操作确实繁琐太多了。

内容的提问来源于stack exchange，提问作者Evanss