JavaScript 程序錯誤Cannot use 'in' operator to search的解決方法

更新時間：2017年07月10日 08:24:05 投稿：jingxian

下面小編就為大家?guī)硪黄狫avaScript 程序錯誤Cannot use 'in' operator to search的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

今天編程時，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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: