期望效果
React前端，要顯示一個(gè)圖標(biāo)和一段文字
錯(cuò)誤重現(xiàn)
原本希望展示圖標(biāo)的位置展示成了“[object Object]”
錯(cuò)誤示例
調(diào)試方式
-
右鍵點(diǎn)擊出錯(cuò)位置，點(diǎn)擊“查看”；
Chrome截圖 -
查看元素對(duì)應(yīng)位置，html元素實(shí)際值却特；
調(diào)試器截圖 -
返回到代碼層面，查找對(duì)應(yīng)的代碼位置棋弥；
代碼
錯(cuò)誤原因
這個(gè)錯(cuò)誤的原因其實(shí)是很明顯的核偿，發(fā)生了類型轉(zhuǎn)換，把img對(duì)象轉(zhuǎn)化為了string
結(jié)束語
這個(gè)錯(cuò)誤其實(shí)不用這么復(fù)雜的調(diào)試過程顽染，這個(gè)調(diào)試過程只是展示一個(gè)調(diào)試的方法漾岳，我更愿意用這個(gè)方法去做樣式方面的調(diào)試，定位元素粉寞，查看樣式尼荆。
展示的這個(gè)錯(cuò)誤實(shí)際就是基本語法層面的錯(cuò)誤。
