styled-components，看完这篇彻底懂了！

文章预览

❝ 一周是一年的2% ❞ 前言 最近在做项目梳理，然后无意中在一些国外的UI库中发现如下的代码示例。 大家仔细观察上面的代码，其实就是对常规的布局做了封装，我们可以通过通过 {chilren} 将对应的组件进行包裹。 这样做的好处就是 见名知意，通过组件的名称我们就可以知晓该页面使用了何种布局 布局样式和组件内部样式进行分割 统一管理 然后，它背后用的技术就是我们在 CSS-in-JS 。针对 CSS-in-JS 业界是褒贬不一。 上面列举了 CSS-in-JS 的各种利弊。这其实就是仁者见仁，智者见智。但是，我更看中它在抽离公共布局方面的应用。就像最开头的截图所示，我们可以不把现有项目中所有组件都 css-in-js 处理，但是我们可以对系统种常规布局进行抽离，这样我们项目就层级就更加清晰明了。 既然，它是有用的，那么我们今天就来聊聊 CSS-in-JS 。因为， ………………………………