React中使用CSS样式的五种方法,主流推荐CSS Modules和Styled Componen

咱们可以将CSS Module了解为外部花式表的一种进化版，它的大局部运用方式都和外部花式表类似，差异点正在于运用CSS Module后，网页中元素的类名会主动计较生成并确保惟一，所以运用CSS Module后，咱们再也不用担忧类名重复了。总之，相较于范例的外部花式表来说，CSS Module便是多了一点——确保类名的惟一，通过内部算法防行了两个组件中显现重复的类名，假如你能担保不会显现重复的类名，其真间接运用外部花式表也是一样的。假如没有类名斗嘴的问题，外部CSS花式表不失为是一种很是好的编写花式的方式。