第九章 React样式
2018-09-10 本文已影响19人
留白_汉服vs插画
9-1 内联样式
react可以支持原生的jsx的样式。用js写css的样式。
如上图,4-12定义一个常量styleComponentHeader,注意这里跟css相似,但是写法是驼峰形式的。如果非要写css的写法,就要像8行中,用引号包裹起来,但是浏览器可能会警告。可以定义很多版块的样式,比如加一个footer。使用的时候,如14行,style = styleComponentHeader.header就行了。这种内联样式不是很推荐,因为网页里会出现内联的样式代码。