亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

react 異步加載數(shù)據(jù)時(shí)的渲染問題

lk20150415 / 1393人閱讀

摘要：當(dāng)數(shù)據(jù)需要異步加載時(shí)獲取不到數(shù)據(jù)可能會(huì)報(bào)一些錯(cuò)誤，此時(shí)需要在函數(shù)中加一個(gè)判斷注意下面這個(gè)三目運(yùn)算符，執(zhí)行到時(shí)，對(duì)象的為，所以此時(shí)頁面展示，當(dāng)異步獲取數(shù)據(jù)成功時(shí)，值為，此時(shí)又一次執(zhí)行，此時(shí)將需要的數(shù)據(jù)傳給視圖，正確展示到頁面

當(dāng)數(shù)據(jù)需要異步加載時(shí)render獲取不到數(shù)據(jù)可能會(huì)報(bào)一些錯(cuò)誤，此時(shí)需要在render函數(shù)中加一個(gè)判斷

    componentWillMount (){
        axios.get("http://127.0.0.1:8088/user/userlist").then(res =>{
            this.setState({
                dataSource:res.data.data,
                haveData:true
            })

        })
    }
    render() {
     /* 注意下面這個(gè)三目運(yùn)算符，執(zhí)行到render時(shí)，state對(duì)象的haveData為false，
     所以此時(shí)頁面展示  loading，當(dāng)異步獲取數(shù)據(jù)成功時(shí)，
     haveData值為true，此時(shí)又一次執(zhí)行render，
     此時(shí)將需要的數(shù)據(jù)傳給視圖，正確展示到頁面 */
        return (
            !this.state.haveData?"loading":(
                
            )

        )

    }

                   
 文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

                 
                   
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/109230.html

               

                
相關(guān)文章

                
    
                             
                                                                                                    
  • 
                                                
    
                          
    高級(jí)前端面試題大匯總（只有試題，沒有答案）
    
                                                     
    摘要：面試題來源于網(wǎng)絡(luò)，看一下高級(jí)前端的面試題，可以知道自己和高級(jí)前端的差距。

面試題來源于網(wǎng)絡(luò)，看一下高級(jí)前端的面試題，可以知道自己和高級(jí)前端的差距。有些面試題會(huì)重復(fù)。
使用過的koa2中間件

koa-body原理

介紹自己寫過的中間件

有沒有涉及到Cluster

介紹pm2

master掛了的話pm2怎么處理

如何和MySQL進(jìn)行通信

React聲明周期及自己的理解

如何...
    
                                                   
                          
    
                                
    
                                    kviccn
                                    
                                    評(píng)論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    2018大廠高級(jí)前端面試題匯總
    
                                                     
    摘要：面試的公司分別是阿里網(wǎng)易滴滴今日頭條有贊挖財(cái)滬江餓了么攜程喜馬拉雅兌吧微醫(yī)寺庫寶寶樹?？低暷⒐浇挚峒覙钒俜贮c(diǎn)和海風(fēng)教育。

（關(guān)注福利，關(guān)注本公眾號(hào)回復(fù)[資料]領(lǐng)取優(yōu)質(zhì)前端視頻，包括Vue、React、Node源碼和實(shí)戰(zhàn)、面試指導(dǎo)）
本人于7-8月開始準(zhǔn)備面試，過五關(guān)斬六將，最終抱得網(wǎng)易歸，深深感受到高級(jí)前端面試的套路。以下是自己整理的面試題匯總，不敢藏私，統(tǒng)統(tǒng)貢獻(xiàn)出來。
面試的公司分...
    
                                                   
                          
    
                                
    
                                    zzir
                                    
                                    評(píng)論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    精讀《React16 新特性》
    
                                                     
    摘要：引言于發(fā)布版本，時(shí)至今日已更新到，且引入了大量的令人振奮的新特性，本文章將帶領(lǐng)大家根據(jù)更新的時(shí)間脈絡(luò)了解的新特性。其作用是根據(jù)傳遞的來更新。新增等指針事件。

1 引言
于 2017.09.26 Facebook 發(fā)布 React v16.0 版本，時(shí)至今日已更新到 React v16.6，且引入了大量的令人振奮的新特性，本文章將帶領(lǐng)大家根據(jù) React 更新的時(shí)間脈絡(luò)了解 React1...
    
                                                   
                          
    
                                
    
                                    Nosee
                                    
                                    評(píng)論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                           
                

              

                  
                  
發(fā)表評(píng)論

                   
               

                

                  
0條評(píng)論
   
                
 
                      

              

              
 
                

                   
              
  

                  
最新活動(dòng)
 
           
                             
              





                                
              

           

      
    

         
閱讀需要支付1元查看
  
         
     
       

        

            

              
              
            

             
        

    
           
               
                                           
                       
                 
            
                     
             
               
                      
               
              
              
              
               
              
           
           
        
       
    
    
     
    
    
    
       
       
      
  
    
    













    <strike id="moyco"><s id="moyco"></s></strike>
      <ul id="moyco"></ul>
          • <ul id="moyco"><pre id="moyco"></pre></ul>
          • 

<