在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 (