fbl123456789
哈哈哈666666
采纳率2.6%
2018-11-09 13:24

在react的map方法中如何添加三元条件判断,实现条件渲染??

5

在react的map方法中如何添加三元条件判断,实现条件渲染??
比如说我数据库的一个字段是level,我想通过不同的level值实现条件渲染。react怎么实现??比如说我有level值1,2,3,4。我的代码例子是通过showtstate字段值,判断如果为true输出,否则不输出,不知道怎么实现
图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答

  • Q_004 Q_004 3年前

    Data.map((item,idx) => {
    if(this.state.showtstate && item.level == 1){
    return (

    )
    }
    else if((this.state.showtstate &&item.level == 2){
    return (
    )
    }
    else ....
    })
    点赞 评论 复制链接分享
  • wgh295360998 J0kerrr 3年前

    你可以在render和return中间先处理好,赋值到一个对象上面,或者直接在JSX中写:

     yourData.map(item => {
        if(item.level == 1){
                return (< 你的level1渲染内容 />)
            }
            if(item.level == 2){
                return (< 你的level2渲染内容 />)
            }
    })
    

    不过你要保证你所有的level都是1,2,3,4这几个值。

    如果我没说清楚的话,可以加我微信cloudsaiCSU,或者直接在我CSDN下面留言。

    点赞 评论 复制链接分享