react常见报错

758 阅读2分钟

报错一 发现报错地方没有问题

当组件在componentWillUpdate或componentdiddupdate内重复调用setState时,可能会发生这种情况。React限制嵌套更新的数量以防止无限循环。

查看错误方式

组件下AQIDetails.render下的onGetChildrenDom下的getDatePickerOptions下的setState出问题了;

最后解决方式

报错该函数上面部分的getDatePickerDateLimit设置错了

报错二

最后解决方式

报错是因为没有定义了,或者没有绑定this

报错三

没见过的报错 backend.js:6 Warning: React.createElement: type is invalid -- expected a str 网上查找可能是引用的问题,但是实际上在浏览器里打开,466行的代码是没有被注释掉的

报错四

可以直接点击开warning的位置,然后看每行代码报错的地方 ,最上面的就是当前的报错,有时候render里面得这种注释是不被认可的

报错五

解决办法,.json()只能被调用一次,将打印的内容删掉 fetch('http://localhost:8081/position', {mode: 'cors'}) .then(response => response.json()) .then(jsonBody => { console.log(jsonBody); return jsonBody; }) .then(result => console.log(result));

报错六

react事件绑定的三种常见方式以及解决Cannot update during an existing state transition (such as within render). Render methods should be a pure function of props and state问题思路

最后解决方式

绑定函数bind(this)

关于daterangepicker时间段插件 想获取秒级数据比如

$('input[name="singledatePicker"]').daterangepicker({
  "autoApply": true, //选择日期后自动提交;只有在不显示时间的时候起作用timePicker:false
  singleDatePicker: true, //单日历
  showDropdowns: true, //年月份下拉框
  timePicker: true, //显示时间
  timePicker24Hour: true, //时间制
  timePickerSeconds: true, //时间显示到秒
  startDate: moment().hours(0).minutes(0).seconds(0), //设置开始日期
  maxDate: moment(new Date()), //设置最大日期
  "opens": "center",
  showWeekNumbers: true,
  locale: {
   format: "YYYY-MM-DD HH:mm:ss", //设置显示格式
   applyLabel: '确定', //确定按钮文本
   cancelLabel: '取消', //取消按钮文本
   daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
   monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
    '七月', '八月', '九月', '十月', '十一月', '十二月'
   ],
   firstDay: 1
  },
 }, function(start) {
  console.log(start.format('YYYY-MM-DD HH:mm:ss'));
 });