01-条件渲染 

 1 // 01-条件渲染
 2 import React from 'react'
 3 import ReactDOM from 'react-dom'
 4 
 5 const isLoading = true
 6 
 7 const loadData = () => {
 8   // 1 普通的写法
 9   // if (isLoading) {
10   //   return (<div>加载中*****</div>)
11   // }
12   // return (<div>加载完毕</div>)
13   
14   // 2 三元表达式
15   return isLoading ? (<div>加载中*****</div>) : (<div>加载完毕</div>)
16 }
17 
18 const title = (
19   <h1>
20     条件渲染:
21     {loadData()}
22   </h1>
23 )
24 
25 ReactDOM.render(title, document.getElementById('root'))

 

posted @ 2022-02-16 16:53  前端CodingPeasant  阅读(22)  评论(0)  编辑  收藏  举报