脚本宝典收集整理的这篇文章主要介绍了React 教程第六篇 —— 样式绑定,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
普通样式名称使用 —— 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')
)
行内样式
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>
)
}
}
以上是脚本宝典为你收集整理的React 教程第六篇 —— 样式绑定全部内容,希望文章能够帮你解决React 教程第六篇 —— 样式绑定所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。