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 相关文章推荐
document.designMode的功能与使用方法介绍
Nov 22 Javascript
js模仿hover的具体实现代码
Dec 30 Javascript
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
Apr 15 Javascript
jQuery中:image选择器用法实例
Jan 03 Javascript
JS特效实现图片自动播放并可控的效果
Jul 31 Javascript
jQuery绑定事件on()与弹窗的简要概述
Apr 27 Javascript
JavaScript无缝滚动效果的实例代码
Mar 27 Javascript
vue2.0 自定义日期时间过滤器
Jun 07 Javascript
vue实现登录后页面跳转到之前页面
Jan 07 Javascript
js+canvas实现验证码功能
Sep 21 Javascript
使用异步组件优化Vue应用程序的性能
Apr 28 Javascript
解决使用layui对select append元素无效或者未及时更新的问题
Sep 18 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
域名和cookie问题(域名后缀)
2012/10/10 PHP
PHP实现克鲁斯卡尔算法实例解析
2014/08/22 PHP
ThinkPHP中公共函数路径和配置项路径的映射分析
2014/11/22 PHP
php版微信公众平台之微信网页登陆授权示例
2016/09/23 PHP
JavaScript对象模型-执行模型
2008/04/28 Javascript
FileUpload 控件 禁止手动输入或粘贴的实现代码
2010/04/07 Javascript
浅谈Javascript Base64 加密解密
2014/12/28 Javascript
javascript内置对象操作详解
2015/02/04 Javascript
超详细的javascript数组方法汇总
2015/11/21 Javascript
Node.js中npm常用命令大全
2016/06/09 Javascript
AngularJS使用指令增强标准表单元素功能
2016/07/01 Javascript
两行代码轻松搞定JavaScript日期验证
2016/08/03 Javascript
js简单正则验证汉字英文及下划线的方法
2016/11/28 Javascript
vue.js指令v-model实现方法
2016/12/05 Javascript
Vue自定义过滤器格式化数字三位加一逗号实现代码
2018/03/23 Javascript
Vue仿支付宝支付功能
2018/05/25 Javascript
使用JS判断移动端手机横竖屏状态
2018/07/30 Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
2018/09/30 Javascript
详解在Node.js中发起HTTP请求的5种方法
2019/01/10 Javascript
Python写的PHPMyAdmin暴力破解工具代码
2014/08/06 Python
详解Python进程间通信之命名管道
2017/08/28 Python
Python3标准库总结
2019/02/19 Python
Python3模拟登录操作实例分析
2019/03/12 Python
python处理大日志文件
2019/07/23 Python
python打包成so文件过程解析
2019/09/28 Python
opencv python图像梯度实例详解
2020/02/04 Python
python有序查找算法 二分法实例解析
2020/02/18 Python
解决Keras的自定义lambda层去reshape张量时model保存出错问题
2020/07/01 Python
在keras中对单一输入图像进行预测并返回预测结果操作
2020/07/09 Python
美国正宗奢华复古手袋、珠宝及配饰网站:What Goes Around Comes Around
2018/07/21 全球购物
新加坡领先的在线生活方式和杂货购物网站:EAMART
2019/04/02 全球购物
2014年公务员思想汇报范文:全心全意为人民服务
2014/03/06 职场文书
超市七夕促销活动方案
2014/08/28 职场文书
毕业生实习期转正自我鉴定
2014/09/26 职场文书
婚前财产协议书范本
2014/10/19 职场文书
小学运动会入场口号
2015/12/24 职场文书