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

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

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

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

)
}
else if((this.state.showtstate &&item.level == 2){
return (
)
}
else ....
})