React入门实践

第九章 React样式

2018-09-10  本文已影响19人  留白_汉服vs插画

9-1 内联样式

react可以支持原生的jsx的样式。用js写css的样式。

如上图,4-12定义一个常量styleComponentHeader,注意这里跟css相似,但是写法是驼峰形式的。如果非要写css的写法,就要像8行中,用引号包裹起来,但是浏览器可能会警告。可以定义很多版块的样式,比如加一个footer。使用的时候,如14行,style = styleComponentHeader.header就行了。这种内联样式不是很推荐,因为网页里会出现内联的样式代码。

9-2 内联样式中的表达式

9-3 CSS模块化

9-4 JSX样式与CSS的互传

9-5 AntDesign样式和框架介绍

9-6 AntDesign样式框架使用

上一篇下一篇

猜你喜欢

热点阅读