哈哈哈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 mars2d在vue3中的引入问题
  • ¥50 h5唤醒支付宝并跳转至向小荷包转账界面
  • ¥15 算法题:数的划分,用记忆化DFS做WA求调
  • ¥15 chatglm-6b应用到django项目中,模型加载失败
  • ¥15 CreateBitmapFromWicBitmap内存释放问题。
  • ¥30 win c++ socket
  • ¥15 C# datagridview 栏位进度
  • ¥15 vue3页面el-table页面数据过多
  • ¥100 vue3中融入gRPC-web