首页 > 其他分享 >react循环与条件判断

react循环与条件判断

时间:2023-03-21 17:24:07浏览次数:58  
标签:判断 return XXX react flag 循环 条件

react没有语法糖,循环和条件判断都是通过原生js来实现

1. 条件判断

// 三元表达式
const getDiv = (flag)=>{
  return (
      <div>XXX</div>
      {flag?<div>条件1</div>:<div>条件2</div>}  
  )  
}
...
// if判断
const getDiv = (flag)=>{
    if(flag){
        return (
            <div>XXX</div>
            <div>条件1</div>
        )
    }else{
        return (
            <div>XXX</div>
            <div>条件2</div>
        )
    }
}
...
// &&判断
{flag && <div>条件满足</div>}    

2. 循环

{list.map((item,index)=>{
    return (
        <div key={index}>{item}</div>
    )
})}

 

标签:判断,return,XXX,react,flag,循环,条件
From: https://www.cnblogs.com/maxiaocang/p/17240710.html

相关文章