JavaScript 程序错误Cannot use 'in' operator to search的解决方法


Posted in Javascript onJuly 10, 2017

今天编程时,JavaScript 程序报了这样的错误:Cannot use 'in' operator to search for...,具体错误信息如下:

 JavaScript 程序错误Cannot use 'in' operator to search的解决方法

坦白说,这样的错误最难调试。因为它并不指向你所写的具体代码,而是泛泛指向了 lib.js 文件(该文件通常是第三方的打包压缩库),你几乎无法依据错误类型与错误指向来定位到实际编程中的错误位置。

怎么办?

这个时候,只有发挥“死磕”精神了!

死磕步骤:

依据故障页面以及错误信息,定位到出错的文件,这一点应该不难;

在出错的页面中,依次点击调试,看一看在哪一步开始报错 了!很关键!比如,一开始加载就出错了,那就定位到 js 文件的初始化部位;点击某个按钮出错了,那就定位到该按钮的对应事件代码中;以此类推。

在定位的代码范围内,采用“折中法”,一点点注释掉,刷新页面查看是否依然出错,如果出错,这说明注释掉部分的代码没有问题,放开注释,继续其他可疑的代码部分;如果没有错误了,恭喜你,你的定位位置就更加精细化了!总体思路就是如此,循环往复,相信,总会有“拨开云雾见朗朗青天”的欢喜的!

console.log('rendernerererer: ', schoolData)

const schoolNode = (
  <Select style={{width: '100%'}} placeholder="请选择所属学校">
    { schoolData.length && schoolData.map((item, idx) => (
      <Option key={idx} value={`${item.id}`}>{item.name}</Option>
    )) }
  </Select>
);

 JavaScript 程序错误Cannot use 'in' operator to search的解决方法

可以看到,rendernerererer 正确打印了出来,问题出在该行代码之后:

const schoolData = this.state.schoolList;
console.log('rendernerererer: ', schoolData)
 
const schoolNode = (
  <Select style={{width: '100%'}} placeholder="请选择所属学校">
    { 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="请选择所属学校">
    { schoolData.length ? schoolData.map((item, idx) => (
      <Option key={idx} value={`${item.id}`}>{item.name}</Option>
    )) : null }
  </Select>
);

以上这篇JavaScript 程序错误Cannot use 'in' operator to search的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript打开word文档的实现代码(c#)
Apr 16 Javascript
javascript 获取模态窗口的滚动位置代码
Aug 06 Javascript
jquery.autocomplete修改实现键盘上下键自动填充示例
Nov 19 Javascript
jQuery setTimeout传递字符串参数报错的解决方法
Jun 09 Javascript
使用mini-define实现前端代码的模块化管理
Dec 25 Javascript
js实现文本框支持加减运算的方法
Aug 19 Javascript
JS+html5制作简单音乐播放器
Sep 13 Javascript
bootstrap栅格系统示例代码分享
May 22 Javascript
JavaScript实现移动端轮播效果
Jun 06 Javascript
Vue-cli3简单使用(图文步骤)
Apr 30 Javascript
vue自定义正在加载动画的例子
Nov 14 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
Jun 07 Javascript
JS 判断某变量是否为某数组中的一个值的3种方法(总结)
Jul 10 #Javascript
vue.js实现备忘录功能的方法
Jul 10 #Javascript
AugularJS从入门到实践(必看篇)
Jul 10 #Javascript
基于easyui checkbox 的一些操作处理方法
Jul 10 #Javascript
AngularJS实用基础知识_入门必备篇(推荐)
Jul 10 #Javascript
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
Jul 09 #Javascript
详谈AngularJs 控制器、数据绑定、作用域
Jul 09 #Javascript
You might like
PHP游戏编程25个脚本代码
2011/02/08 PHP
php的SimpleXML方法读写XML接口文件实例解析
2014/06/16 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
Nigma vs Alliance BO5 第二场2.14
2021/03/10 DOTA
身份证号码前六位所代表的省,市,区, 以及地区编码下载
2007/04/12 Javascript
使用JavaScript+canvas实现图片裁剪
2015/01/30 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
2015/06/23 Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
2016/05/10 Javascript
BootStrap中Tab页签切换实例代码
2016/05/30 Javascript
javascript实现用户点击数量统计
2016/12/25 Javascript
vue this.reload 方法 配置
2018/09/12 Javascript
vue自动路由-单页面项目(非build时构建)
2019/04/30 Javascript
layui使用templet格式化表格数据的方法
2019/09/16 Javascript
浅析js实现网页截图的两种方式
2019/11/01 Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
2019/12/09 Javascript
Postman参数化实现过程及原理解析
2020/08/13 Javascript
原生JavaScript实现换肤
2021/02/19 Javascript
Python求两个list的差集、交集与并集的方法
2014/11/01 Python
理解生产者消费者模型及在Python编程中的运用实例
2016/06/26 Python
python GUI库图形界面开发之PyQt5工具栏控件QToolBar的详细使用方法与实例
2020/02/28 Python
pycharm软件实现设置自动保存操作
2020/06/08 Python
CSS3 透明色 RGBA使用介绍
2013/08/06 HTML / CSS
THE OUTNET英国官网:国际设计师品牌折扣网站
2016/08/14 全球购物
Staples英国官方网站:办公用品一站式采购
2017/10/06 全球购物
八年级音乐教学反思
2014/01/09 职场文书
加入学生会演讲稿
2014/04/24 职场文书
书法兴趣小组活动总结
2014/07/07 职场文书
2014银行领导班子四风对照检查材料思想汇报
2014/09/25 职场文书
个人债务授权委托书
2014/10/17 职场文书
房屋所有权证明
2014/10/20 职场文书
工作试用期自我评价
2015/03/10 职场文书
村党组织公开承诺书
2015/04/30 职场文书
雷锋的观后感
2015/06/10 职场文书
广告策划的实习心得体会总结!
2019/07/22 职场文书
深入理解python多线程编程
2021/04/18 Python
原生Javascript+HTML5一步步实现拖拽排序
2021/06/12 Javascript