react 调试方法

微信公众号有更多知识哦

1.console.log

console.log打印，但是会造成全局代码污染，必须时刻删除，
或者自己重写一下
console.log = (function (oriLogFunc) {
  return function () {
    //判断配置文件是否开启日志调试
    if (!Config.isProduct) {
      try{
        oriLogFunc.call(console, ...arguments);
      }catch(e){
        console.error('console.log error', e);
      }
    }
  }
})(console.log);；

2.debugger

在代码验证处写  debugger;但是删除后也耽误开发进度，虽然是热加载模式

3.网页F12打断点（推荐）

找文件，在Source页签下查询需要打断点的页面（ctrl+p），之后打断点就可以了