第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

關(guān)于react使用fetch請求數(shù)據(jù)的問題

關(guān)于react使用fetch請求數(shù)據(jù)的問題

慕森王 2018-11-08 10:14:52
今天使用fetch去完善react項目的接口數(shù)據(jù)的時候,遇上了比較棘手的問題。業(yè)務(wù)邏輯是:首先判斷用戶的身份,然后為他展現(xiàn)相對應(yīng)的界面。但是fetch是異步獲取數(shù)據(jù)的,結(jié)果就出現(xiàn)了,頁面首先渲染完,然后數(shù)據(jù)請求回來(數(shù)據(jù)請求的比頁面渲染的要慢),然后通過state,改變了頁面的顯示狀態(tài)。這樣就出現(xiàn)了,頁面首先展示了一個界面,然后過了1~2秒之后,狀態(tài)改變,界面又變化了,用戶體驗很差。請問有什么解決的辦法么。最好是先接受了數(shù)據(jù),再判斷完,再去渲染界面。
查看完整描述

1 回答

?
慕神8447489

TA貢獻1780條經(jīng)驗 獲得超1個贊

這個其實很簡單,你在render的return中做一個三元運算符。判斷數(shù)據(jù)是否獲取到。

<div>

{this.state.data==null?<div></div>:<YourTemplate/>}

</div>

還有一個思路就是你把fetch 寫在render中,把return的模版放在fetch 的then回調(diào)中,這樣就可以實現(xiàn)獲取了數(shù)據(jù)再進行渲染。不過我沒有試驗,應(yīng)該是可行的。
如果覺得我的回答解決了你的問題,請點擊
采納答案
如果有什么疑問請評論區(qū)提問。

查看完整回答
反對 回復(fù) 2018-12-13
  • 1 回答
  • 0 關(guān)注
  • 863 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號