01-条件渲染

// 01-条件渲染
import React from 'react'
import ReactDOM from 'react-dom'

const isLoading = true

const loadData = () => {
  // 1 普通的写法
  // if (isLoading) {
  //   return (<div>加载中*****</div>)
  // }
  // return (<div>加载完毕</div>)
  
  // 2 三元表达式
  return isLoading ? (<div>加载中*****</div>) : (<div>加载完毕</div>)
}

const title = (
  <h1>
    条件渲染:
    {loadData()}
  </h1>
)

ReactDOM.render(title, document.getElementById('root'))