默认react是直接将样式注入到页面，并没有对name进行处理，容易产生冲突，而官方没有提供具体的主流css集成方案，社区便产生了诸多解决方案，在此对不同的方案进行简要介绍和汇总。
具体使用:
具体使用：
结果
上述各种都各有优劣，按需使用即可
其他文章可以 参考
建议 CSS in JS 写法，虽然感觉推翻了多年的 CSS 工作进展。主要原因还是 CSS 的全局污染。模块化、组件化一直是前端不断优化追求的目标。传统的 CSS 无法很好的进行模块化。只能人为通过命名空间来约束这段样式在某个模块中，这种约束很弱的，指不定哪天来个新人不知道这个，就随便命名产生冲突影响了其他的组件。
而 CSS in JS 的写法，可以解决这个问题。如果有些场景实在是需要 CSS 外联才能实现（比如 animation 的一些动画）
中级：Css3中的帧动画
这次用react-transition-group做一个togglebutton控制div显示和隐藏的例子，首先我们需要安装react-transition-group，输入
组件中引入CSSTransition模块：
一旦动画入场，插件将会自动的在包裹住的标签上添加很多css样式，默认class名是boss-text，所以我们需要给CSSTransition标签加上classNames='boss-text'，然后去css文件进行配置：
如果页面上一组dom都需要添加动画效果时我们需要在最外面再加一个TransitionGroup
