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 相关文章推荐
表单项的name命名为submit、reset引起的问题
Dec 22 Javascript
Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)
Apr 02 Javascript
jquery获取自定义属性(attr和prop)实例介绍
Apr 21 Javascript
在jquery中combobox多选的不兼容问题总结
Dec 24 Javascript
在jquery中的ajax方法怎样通过JSONP进行远程调用
Apr 04 Javascript
深入理解javascript原型链和继承
Sep 23 Javascript
Javascript 拖拽雏形(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
给easyui datebox扩展一个清空的实例
Nov 09 Javascript
JS设置CSS样式的方式汇总
Jan 21 Javascript
浅谈$_FILES数组为空的原因
Feb 16 Javascript
vue动态改变背景图片demo分享
Sep 13 Javascript
利用jquery和BootStrap实现动态滚动条效果
Dec 03 jQuery
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 - Html Transfer Code
2006/10/09 PHP
ThinkPHP 防止表单重复提交的方法
2011/08/08 PHP
PHP+Ajax实时自动检测是否联网的方法
2015/07/01 PHP
JQuery UI DatePicker中z-index默认为1的解决办法
2010/09/28 Javascript
用jquery设置按钮的disabled属性的实现代码
2010/11/28 Javascript
JS中prototype关键字的功能介绍及使用示例
2013/07/21 Javascript
JavaScript加强之自定义event事件
2013/09/21 Javascript
js 对小数加法精度处理示例说明
2013/12/27 Javascript
node.js中的fs.lstatSync方法使用说明
2014/12/16 Javascript
AngularJS基础知识笔记之过滤器
2015/05/10 Javascript
javascript实现数组中的内容随机输出
2015/08/11 Javascript
jQuery实现动态表单验证时文本框抖动效果完整实例
2015/08/21 Javascript
JQuery遍历元素的后代和同胞实现方法
2016/09/18 Javascript
jQuery插件zTree实现的多选树效果示例
2017/03/08 Javascript
使用AngularJS2中的指令实现按钮的切换效果
2017/03/27 Javascript
vue加载自定义的js文件方法
2018/03/13 Javascript
Vue不能观察到数组length的变化
2018/06/08 Javascript
Vue实现数据请求拦截
2019/10/23 Javascript
探索浏览器页面关闭window.close()的使用详解
2020/08/21 Javascript
python Pygame的具体使用讲解
2017/11/03 Python
python实现关键词提取的示例讲解
2018/04/28 Python
python 接收处理外带的参数方法
2018/12/03 Python
python 获取utc时间转化为本地时间的方法
2018/12/31 Python
python 上下文管理器及自定义原理解析
2019/11/19 Python
tensorflow模型继续训练 fineturn实例
2020/01/21 Python
用python给csv里的数据排序的具体代码
2020/07/17 Python
浅析关于Keras的安装(pycharm)和初步理解
2020/10/23 Python
利用SVG和CSS3来实现一个炫酷的边框动画
2015/07/22 HTML / CSS
意大利团购网站:Groupon意大利
2016/10/11 全球购物
Jeep牧马人、切诺基和自由人零配件:4 Wheel Drive Hardware
2017/07/02 全球购物
名词解释型面试题(主要是网络)
2013/12/27 面试题
人力资源行政经理自我评价
2013/10/23 职场文书
公务员个人自我评价分享
2013/11/06 职场文书
高三自我评价
2014/02/01 职场文书
国培计划培训感言
2014/03/11 职场文书
学校四风问题对照检查材料思想汇报
2014/09/26 职场文书