react基础样式控制

行内样式

<div style={{width:'500px', height:'300px',background:'#ccc',margin:'200px auto'}}>文本</div>

 class类名

注意：在react中使用class类名必须使用className

在外部src下新建index.css文件写入你的样式

.fontcolor{
    color:red
}

在用到的页面引入使用

import './index.css' //引入


//使用  className
<button className='fontcolor'>修改{user.name}</button>