react加css的3种方法

标签：this   let   引入   back   声明   round   page   reac   end   

1. 行内样式
<div
　　style={{
　　　　width:‘200px‘,
　　　　height:‘80px‘,
　　　　backgroundColor:‘yellow‘,
　　　　fontSize:‘24px‘,
　　　　textAlign:‘center‘
　　}}
>This is Page1!</div>

2. 声明样式
render(){
　　let mystyle={
　　　　width:‘200px‘,
　　　　height:‘80px‘,
　　　　backgroundColor:‘yellow‘,
　　　　fontSize:‘24px‘,
　　　　textAlign:‘center‘
　　}
　　return(<div>
　　　　<h2 style={mystyle}>This is Page1!</h2>
　　</div>);
}


3. 引入样式
require(‘./mystyle.css‘);

react加css的3种方法

标签：this   let   引入   back   声明   round   page   reac   end   

原文地址：https://www.cnblogs.com/zaazoo/p/9397252.html