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

 更新时间:2017年07月10日 08:24:05   投稿:jingxian  
下面小编就为大家带来一篇JavaScript 程序错误Cannot use 'in' operator to search的解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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

 

坦白说,这样的错误最难调试。因为它并不指向你所写的具体代码,而是泛泛指向了 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>
);

 

可以看到,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头像上传插件源码分享

    这篇文章主要为大家分享介绍了JavaScript头像上传插件源码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • js 判断图片是否加载完以及实现图片的预下载

    js 判断图片是否加载完以及实现图片的预下载

    这篇文章主要介绍了js 判断图片是否加载完以及实现图片的预下载,需要的朋友可以参考下
    2014-08-08
  • JS实现判断两个日期不能跨年和跨月

    JS实现判断两个日期不能跨年和跨月

    这篇文章主要为大家详细介绍了如何利用JavaScript语言实现判断两个日期不能跨年和跨月,文中的示例代码讲解详细,感兴趣的小伙伴可以了解一下
    2023-04-04
  • 使用js修改客户端注册表的方法

    使用js修改客户端注册表的方法

    这篇文章介绍了使用js修改客户端注册表的方法,有需要的朋友可以参考一下
    2013-08-08
  • js播放wav文件(源码)

    js播放wav文件(源码)

    如何用JS播放wav文件,理论上用js在网页里嵌入一个window播放器的插件,可以播放的。,不过通用性不是很好,IE下可以用,感兴趣的朋友可以参考下哈本文
    2013-04-04
  • bootstrap table实现横向合并与纵向合并

    bootstrap table实现横向合并与纵向合并

    这篇文章主要为大家详细介绍了bootstrap table实现横向合并与纵向合并,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • IntersectionObserver判断是否在可视区域详解

    IntersectionObserver判断是否在可视区域详解

    这篇文章主要为大家介绍了IntersectionObserver判断是否在可视区域详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • js实现3D轮播图效果

    js实现3D轮播图效果

    这篇文章主要为大家详细介绍了js实现3D轮播图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • JavaScript仿小米轮播图效果

    JavaScript仿小米轮播图效果

    这篇文章主要为大家详细介绍了JavaScript仿小米轮播图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • 探讨JavaScript中声明全局变量三种方式的异同

    探讨JavaScript中声明全局变量三种方式的异同

    这篇文章主要介绍了JavaScript中声明全局变量三种方式的异同。变量及变量声明是一门语言最基本的概念,初学者都会很快掌握。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12

最新评论