成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

lk20150415 / 1340人閱讀

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

當(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í)頁(yè)面展示  loading,當(dāng)異步獲取數(shù)據(jù)成功時(shí),
     haveData值為true,此時(shí)又一次執(zhí)行render,
     此時(shí)將需要的數(shù)據(jù)傳給視圖,正確展示到頁(yè)面 */
        return (
            !this.state.haveData?"loading":(
                
            )

        )

    }

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

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

相關(guān)文章

  • 高級(jí)前端面試題大匯總(只有試題,沒(méi)有答案)

    摘要:面試題來(lái)源于網(wǎng)絡(luò),看一下高級(jí)前端的面試題,可以知道自己和高級(jí)前端的差距。 面試題來(lái)源于網(wǎng)絡(luò),看一下高級(jí)前端的面試題,可以知道自己和高級(jí)前端的差距。有些面試題會(huì)重復(fù)。 使用過(guò)的koa2中間件 koa-body原理 介紹自己寫(xiě)過(guò)的中間件 有沒(méi)有涉及到Cluster 介紹pm2 master掛了的話pm2怎么處理 如何和MySQL進(jìn)行通信 React聲明周期及自己的理解 如何...

    kviccn 評(píng)論0 收藏0
  • 2018大廠高級(jí)前端面試題匯總

    摘要:面試的公司分別是阿里網(wǎng)易滴滴今日頭條有贊挖財(cái)滬江餓了么攜程喜馬拉雅兌吧微醫(yī)寺庫(kù)寶寶樹(shù)海康威視蘑菇街酷家樂(lè)百分點(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月開(kāi)始準(zhǔn)備面試,過(guò)五關(guān)斬六將,最終抱得網(wǎng)易歸,深深感受到高級(jí)前端面試的套路。以下是自己整理的面試題匯總,不敢藏私,統(tǒng)統(tǒng)貢獻(xiàn)出來(lái)。 面試的公司分...

    zzir 評(píng)論0 收藏0
  • 精讀《React16 新特性》

    摘要:引言于發(fā)布版本,時(shí)至今日已更新到,且引入了大量的令人振奮的新特性,本文章將帶領(lǐng)大家根據(jù)更新的時(shí)間脈絡(luò)了解的新特性。其作用是根據(jù)傳遞的來(lái)更新。新增等指針事件。 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元查看
        <