https://message163.github.io/react-docs/css/css-in-js.html

优点：

• 可以让 CSS 拥有独立的作用域，阻止 CSS 泄露到组件外部，防止冲突。
• 可以动态的生成 CSS 样式，根据组件的状态来动态的生成 CSS 样式。
• CSS-in-JS 可以方便地实现主题切换功能，只需更改主题变量即可改变整个应用的样式。

缺点：

• css-in-js 是基于运行时，所以会损耗一些性能(电脑性能高可以忽略)
• 调试困难，CSS-in-JS 的样式难以调试，因为它们是动态生成的，而不是在 CSS 文件中定义的。