JavaScript 程序錯誤Cannot use 'in' operator to search的解決方法
今天編程時，JavaScript 程序報了這樣的錯誤：Cannot use 'in' operator to search for...，具體錯誤信息如下：
坦白說，這樣的錯誤最難調(diào)試。因為它并不指向你所寫的具體代碼，而是泛泛指向了 lib.js 文件（該文件通常是第三方的打包壓縮庫），你幾乎無法依據(jù)錯誤類型與錯誤指向來定位到實際編程中的錯誤位置。
怎么辦？
這個時候，只有發(fā)揮“死磕”精神了！
死磕步驟：
依據(jù)故障頁面以及錯誤信息，定位到出錯的文件，這一點應(yīng)該不難；
在出錯的頁面中，依次點擊調(diào)試，看一看在哪一步開始報錯 了！很關(guān)鍵！比如，一開始加載就出錯了，那就定位到 js 文件的初始化部位；點擊某個按鈕出錯了，那就定位到該按鈕的對應(yīng)事件代碼中；以此類推。
在定位的代碼范圍內(nèi)，采用“折中法”，一點點注釋掉，刷新頁面查看是否依然出錯，如果出錯，這說明注釋掉部分的代碼沒有問題，放開注釋，繼續(xù)其他可疑的代碼部分；如果沒有錯誤了，恭喜你，你的定位位置就更加精細化了！總體思路就是如此，循環(huán)往復(fù)，相信，總會有“撥開云霧見朗朗青天”的歡喜的！
console.log('rendernerererer: ', schoolData)
const schoolNode = (
<Select style={{width: '100%'}} placeholder="請選擇所屬學(xué)校">
{ schoolData.length && schoolData.map((item, idx) => (
<Option key={idx} value={`${item.id}`}>{item.name}</Option>
)) }
</Select>
);
可以看到，rendernerererer 正確打印了出來，問題出在該行代碼之后：
const schoolData = this.state.schoolList;
console.log('rendernerererer: ', schoolData)
const schoolNode = (
<Select style={{width: '100%'}} placeholder="請選擇所屬學(xué)校">
{ schoolData.length ? schoolData.map((item, idx) => (
<Option key={idx} value={`${item.id}`}>{item.name}</Option>
)) : <Option value=''>請選擇...</Option> }
</Select>
);
const schoolData = this.state.schoolList;
console.log('rendernerererer: ', schoolData)
const schoolNode = (
<Select style={{width: '100%'}} placeholder="請選擇所屬學(xué)校">
{ schoolData.length ? schoolData.map((item, idx) => (
<Option key={idx} value={`${item.id}`}>{item.name}</Option>
)) : null }
</Select>
);
以上這篇JavaScript 程序錯誤Cannot use 'in' operator to search的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要給大家介紹了JS實現(xiàn)手寫parseInt的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09
微信小程序多文件上傳 Tdesign及導(dǎo)入失敗問題
小程序文件上傳還是有點麻煩的,其實主要還是小程序?qū)Φ慕涌谟兄T多的不便,比如說,文件不能批量提交,只能一個個的提交,小程序的上傳需要專門的接口,這篇文章主要介紹了微信小程序多文件上傳 Tdesign及導(dǎo)入失敗問題,需要的朋友可以參考下2023-11-11
JS使用位運算實現(xiàn)權(quán)限組合的代碼示例
在業(yè)務(wù)開發(fā)中我們經(jīng)常會遇到處理不同權(quán)限的情況,例如根據(jù)用戶角色是否有編輯權(quán)限來展示和隱藏一個按鈕,或者一個函數(shù)根據(jù)傳入的配置項來執(zhí)行不同的邏輯,也就是所謂的權(quán)限控制,所以本文給大家介紹了JS使用位運算實現(xiàn)權(quán)限組合,需要的朋友可以參考下2024-07-07
這里列出了一些JS重要知識點（不全面，但自己感覺很重要）。徹底理解并掌握這些知識點，對于每個想要深入學(xué)習(xí)JS的朋友應(yīng)該都是必須的2011-11-11
這篇文章主要為大家詳細介紹了js canvas實現(xiàn)簡單的圖像擴散效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
layui從數(shù)據(jù)庫中獲取復(fù)選框的值并默認選中方法
今天小編就為大家分享一篇layui從數(shù)據(jù)庫中獲取復(fù)選框的值并默認選中方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
JS實現(xiàn)的倒計時恢復(fù)按鈕點擊功能【可用于協(xié)議閱讀倒計時】
這篇文章主要介紹了JS實現(xiàn)的倒計時恢復(fù)按鈕點擊功能,可用于協(xié)議閱讀倒計時,涉及javascript基于setInterval的時間定時觸發(fā)相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
微信小程序?qū)崿F(xiàn)電影App導(dǎo)航和輪播
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)電影App導(dǎo)航和輪播，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
詳解TypeScript中type與interface的區(qū)別
在寫 ts 相關(guān)代碼的過程中，總能看到 interface 和 type 的身影。它們的作用好像都一樣的，相同的功能用哪一個都可以實現(xiàn)，也都很好用，所以也很少去真正的理解它們之間到底有啥區(qū)別，因此本文將詳細講解二者的區(qū)別，需要的可以參考一下2022-04-04
這篇文章主要為大家詳細介紹了bootstrap響應(yīng)式表格的實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05