react native render 中for循环，if 判断返回视图-白红宇

react native render 中for循环，if 判断返回视图

阅读量：6639 次

发布时间：2019-06-25

本文共 857 字，大约阅读时间需要 2 分钟。

for循环返回视图

在很多场景中我们需要for循环返回视图

如何for循环返回视图呢？

直接来个栗子吧～

render(){    console.log('首页刷新');    let renderList = [require('./img/1.jpg'),require('./img/2.jpg'),require('./img/3.jpg'),require('./img/4.jpg')];    return(      
            
     
                {            renderList.map((item,idx)=>{              return(                
                        
                       
                    )            })          }        
           
        );  }

if 判断，返回视图

很多情况下，如果有数据就暂时某个视图，如果没数据就不展示视图，那如何在render中的return里面判断然后再返回相对于的视图呢，

不废话了，直接栗子

render(){    console.log('首页刷新');    let dataSoureeee;    return(      
    
             {          dataSoureeee != null?(            
     
      
       有东西
      
               ):(            
     
      
       无东西
      
               )        }      
        );  }