react简单条件渲染两种方式&&或者三目表达式

小刘，刘不刘

于 2024-05-20 11:28:53 发布

阅读量135

点赞数 3

文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/qq_65537235/article/details/139061013

版权

在react中，条件渲染是常见的使用方式。接下来介绍两种简单的条件渲染方式



function App() {
 
  const handleClick = ()=>{
    setCount(count + 1)
  }

const flag = true

  return (
    <>
   
      <div>{flag&&"flag是true"}</div>

      <div>{flag?<span>flag是true的情况</span>:<span>flag是false的情况</span>}</div>
    </>
  )
}

export default App