分享一個使用await hook等待登錄表單彈窗登錄成功的小魔法
為了能在任何頁面,登錄失效后,優(yōu)雅的彈出登錄表單彈窗,所以寫了這么個東東。
首先,這份代碼長這樣
接著我們來講解一番
我們先要明確這一套流程,第一步我們要在一個比較全局的地方放置我們的彈窗組件,比如說像Layout組件
接著,我們只要在使用的地方寫一句await useLogin(),魔法就生效了,會在用戶眼前出現(xiàn)一個事先已經(jīng)準備好的登錄表單彈窗,并且會等待用戶登錄成功后再執(zhí)行后面的代碼,甚至還可以使用trycatch來處理登錄失敗的情況,沒有嵌套,不需要額外引入組件,不需要額外事件,即插即用,相當(dāng)方便
標簽: