//jsx样式控制 //1.行内控制 -在元素身上绑定一个style属性 //2.类名控制 -在元素身上绑定一个className属性 import './app.css' const name='zhangsan' const style = { color: 'red', fontSize: '30px' } //动态控制一下这个active类名。 const isActive = true function App () { return ( <div className="App"> <span style={style}> this is span </span> <span className={isActive ? 'active' : ''} >this is span</span> </div> ) } export default App
React jsx样式控制
最新推荐文章于 2024-07-25 10:54:31 发布