React样式

React的内联样式

     1.页面效果

    

 2.实现代码

     

使用link关联到对应的css文件

 

React的内联样式的表达式

   1.页面效果

2.实现代码

  

React的CSS模块化

    1.前提

         安装babel-plugins-react-html-attrs,stylee-loader,css-loader

    2.代码

Css模块化的优点

   1.所有样式都是local,解决了命名冲突和全局污染问题

   2.class名称生成规则配置灵活，可以来压缩class名

   3.只需引用组件的js就能搞定组件所有的js和css

   4.依然是css，几乎零学习成本

React使用ant-design

   1.页面效果

  

2.代码