普通樣式名稱使用 —— className

app.css

.c1{color: red;width: 100%;height: 300px;border: solid 1px red; }

app.js

import './app.css'import React from 'react'; import ReactDOM from 'react-dom';import './modules/cp/cp.scss' class Component1 extends React.Component{render(){return (<div className="c1"></div>) } }ReactDOM.render(<Component1 />,document.getElementById('app') )

行內(nèi)樣式

let c1 = {color: 'red',width: '100%',height: '300px',border: 'solid 1px red' } class Component1 extends React.Component{render(){console.log(c1)return (<div style={c1}></div>) } }

總結(jié)

以上是生活随笔為你收集整理的React 教程第六篇 —— 样式绑定的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。