[Daily practice] Using conditional rendering in JSX

 

 

//条件渲染
//技术方案：三元表达式 逻辑&&运算

//1.三元表达式：满足条件才渲染一个span标签

const flag = true

function App() {
  return (
    <div className="App">
      {flag ?
        (<div>
          <h1><span>我是JackWoot</span></h1>
          <h4>喜欢敲代码 喜欢新技术</h4>
        </div>
        )
        : null
      }
    </div>
  )
}

export default App