你也可以这样写style={{color:'#666',fontSize:'16px'}}
如果你是要引用css 那不关react的事情 目前可以使用webpack 加上对应的loader 使用es5的require 或者使用es6的 import 引入
在CSS文件中引入CSS文件需要用到 @import 。例如: @import "sub.css"使用用@import引入CSS可以很方便的引入外部文件的CSS代码,方便维护和规划。但是每多引入一个CSS文件,就会对服务器增加一次连接请求,当访问量较大时CSS和网页分离的好处是显而易见的?那要看在什么时代。从传统 HTML 的观点来看,“内容”(HTML)和其渲染方式 (CSS)是可以分离的,例如同样的文章可以被CSS渲染到不同的设备上,例如PC、手机甚至是给视觉障碍的人用的声音设备。基于内容传播,这样分隔就是合理的。
而
今天,Web已经从相互连接的HTML变成了相互连接的 Web App。用户看到的已经不再是整个
HTML,而是由一个一个Web组件组成的应用程序窗口。此时,CSS的全局性带来的就不是方便,而可能是污染了。为了解决这个问题,Web
Component 不得不带来了 Shadow DOM 的新概念。
React Component是适应 Web App
化的,因此很自然,inline style 的作用自然就会被加强。在需要全局 CSS 的时候,你仍然可以通过为 React Component
设置 className 属性,来制定对应的 CSS Class。
Inline style也有一些限制,只能通过 CSS 声明(className)来实现,例如声明伪类属性 (a:visited)。