【每日一练】在JSX中使用条件渲染

最新推荐文章于 2024-07-24 16:16:03 发布

谢豪杰

最新推荐文章于 2024-07-24 16:16:03 发布

阅读量282

点赞数 1

分类专栏：每日一练文章标签： java 前端 servlet

本文链接：https://blog.youkuaiyun.com/qq_46580087/article/details/125659378

版权

每日一练专栏收录该内容

33 篇文章

订阅专栏

本文介绍了如何使用三元表达式和逻辑运算符在React中进行条件渲染，展示了一个简单的示例，当`flag`为真时渲染包含个人信息的组件，否则不渲染。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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