哈哈哈666666 2018-11-09 13:24 采纳率: 0%
浏览 4003
已结题

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

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

  • 写回答

2条回答

  • J0kerrr 2018-11-10 11:53
    关注

    你可以在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下面留言。

    评论

报告相同问题?

悬赏问题

  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位,为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 保护模式-系统加载-段寄存器