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 相关文章推荐
JavaScrip单线程引擎工作原理分析
Sep 04 Javascript
jQuery在vs2008及js文件中的无智能提示的解决方法
Dec 30 Javascript
深入了解Node.js中的一些特性
Sep 25 Javascript
2014年50个程序员最适用的免费JQuery插件
Dec 15 Javascript
JQuery显示隐藏页面元素的方法总结
Apr 16 Javascript
JQuery分屏指示器图片轮换效果实例
May 21 Javascript
jquery实现带缩略图的全屏图片画廊效果实例
Jun 25 Javascript
Bootstrap布局组件应用实例讲解
Feb 17 Javascript
jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法(附demo源码下载)
Feb 25 Javascript
JS交互点击WKWebView中的图片实现预览效果
Jan 05 Javascript
vue使用showdown并实现代码区域高亮的示例代码
Oct 17 Javascript
构建Vue大型应用的10个最佳实践(小结)
Nov 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
phpmyadmin提示The mbstring extension is missing的解决方法
2014/12/17 PHP
深入浅析yii2-gii自定义模板的方法
2016/04/26 PHP
PHP中实现中文字串截取无乱码的解决方法
2018/05/29 PHP
php校验公钥是否可用的实例方法
2019/09/17 PHP
浅谈Laravel中的三种中间件的作用
2019/10/13 PHP
PHP 8新特性简介
2020/08/18 PHP
如何用JavaScript动态呼叫函数(两种方式)
2013/05/03 Javascript
网页前端优化之滚动延时加载图片示例
2013/07/13 Javascript
js中的preventDefault与stopPropagation详解
2014/01/29 Javascript
jquery获取radio值实例
2014/10/16 Javascript
JavaScript中数据结构与算法(二):队列
2015/06/19 Javascript
jquery专业的导航菜单特效代码分享
2015/08/29 Javascript
JQuery的常用选择器、过滤器、方法全面介绍
2016/05/25 Javascript
想用好React的你必须要知道的一些事情
2017/07/24 Javascript
详解angular笔记路由之angular-router
2017/09/12 Javascript
解决vue axios的封装 请求状态的错误提示问题
2018/09/25 Javascript
[01:09]2014DOTA2国际邀请赛 TI4西雅图DOTA2 中国美女coser加油助威
2014/07/20 DOTA
[00:12]2018DOTA2亚洲邀请赛 Sccc亮相SOLO赛,今年他又会有什么样的战绩?
2018/04/06 DOTA
python计算程序开始到程序结束的运行时间和程序运行的CPU时间
2013/11/28 Python
详解使用 pyenv 管理多个版本 python 环境
2017/10/19 Python
Python通过OpenCV的findContours获取轮廓并切割实例
2018/01/05 Python
PyQt5实现无边框窗口的标题拖动和窗口缩放
2018/04/19 Python
Python设计模式之抽象工厂模式原理与用法详解
2019/01/15 Python
Python绘制频率分布直方图的示例
2019/07/08 Python
鱼油专家:Omegavia
2016/10/10 全球购物
面向对象设计的原则是什么
2013/02/13 面试题
中级会计职业生涯规划范文
2014/01/16 职场文书
企业文化标语口号
2014/06/09 职场文书
应届大专生自荐书
2014/06/16 职场文书
环保建议书作文300字
2015/09/14 职场文书
告诉你一个秘密:富人致富的五大优点
2019/07/11 职场文书
励志语录:你若不勇敢,谁替你坚强
2019/11/08 职场文书
分析并发编程之LongAdder原理
2021/06/29 Java/Android
Java spring单点登录系统
2021/09/04 Java/Android
MySQL控制流函数(-if ,elseif,else,case...when)
2022/07/07 MySQL
Win11 25163.1010更新补丁KB5016904推送,测试服务验证管道(附更新修复汇总)
2022/07/23 数码科技