記一次react專案排bug

2022-08-20 15:00:22 字數 632 閱讀 9755

最近在做乙個react專案,使用前後端分離的形式,前端傳送請求得到後端響應後重新進行渲染。

在一次重新渲染時,react總是報錯:typeerror: cannot read property of .. undefined,通過控制台輸出發現state中的user未被正確的賦值,那麼到底是哪一步除了錯誤呢。

首先對**進行測試,發現**總是在constructor函式的this.setstate的語句就會產生錯誤,

} else );

hashhistory.push('/login');

}}).catch((error) => );

hashhistory.push('/login');

});最後想起來檢查response的格式問題,發現原來是自己搭建用於測試的後台傳送資料出了問題,由於使用json格式來進行傳輸,後端**在格式化時將response中的data少用了乙個單引號來包裹,這樣就導致了前端從response中讀取data讀取不到的問題,由於少了乙個符號,但從response的整體結構很難看出錯誤。

所以在以後的開發中,遇到bug首先要將bug具體化,具體在哪一步除了問題,這一次就是因為本以為是在setstate除了問題,結果是因為在response解析出data資料時出現的錯誤,以後**還是要更細心。

記一次前端bug排查

前言 時隔三年,終於記得要找回賬號密碼開始寫筆記了,這周剛加入了乙個後台管理系統專案,測試反饋系統重新整理時經常會直接登出,嚴詞要求解決這個 重大 bug,so尷尬。更嚴重的是發現系統在ie上直接登不進去,嬸可忍叔不可忍,於是我開啟了苦逼的尋bug之路。既然是登出了,當然會有登出請求,chrome重...

記一次sum SQL 統計BUG

create table asgard share records id bigint 20 not null comment 分享記錄id status tinyint 3 unsigned not null default 1 comment 資料狀態 1 正常 0 刪除 create time...

記一次調bug記錄 15 4 17

bug描述是這樣的,為了描述的方便,我先定義幾個變數 a 客戶端a b 客戶端b a send 傳送的a a recv 接收到的a 這裡的a可能和傳送的不一樣 有2個客戶端a和b,他們自己應該是可以傳送和接收的.但是接收端接收到了,但是無法開啟.a傳送a send給b,b收到了a recv,但是無法...