React jsx样式控制

//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