react项目,或者vue项目。手动隐藏warning。保持控制台的清晰

非常感谢您的指正和提醒,我的回答中使用了 arguments 对象,而这不是一个好的实践。可以使用 ES6 的剩余参数(rest parameters)来代替 arguments 对象。

以下是使用剩余参数替换 arguments 对象的示例代码:

import React from 'react';
import ReactDOM from 'react-dom';

const consoleError = console.error;

console.error = function (...args) {
  const message = args.join(' ');

  if (
    typeof message === 'string' &&
    message.startsWith('Warning: ') &&
    !message.includes('Warning: componentWillReceiveProps has been renamed')
  ) {
    return;
  }
  consoleError.apply(console, args);
};

ReactDOM.render(<App />, document.getElementById('root'));

在这里,我们使用剩余参数 ...args 来代替 arguments 对象,同时使用 join(' ') 方法来将剩余参数转换为一个字符串。然后我们检查警告信息是否以 Warning: 开头,并忽略指定的警告信息。控制台输出错误信息时,我们同样使用了 apply() 方法来将参数传递给 consoleError 方法。

需要注意的是,使用剩余参数可以使代码更加清晰易懂,同时也更符合现代 JavaScript 代码的编写风格。

posted @   风意不止  阅读(643)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
历史上的今天:
2022-06-01 elmentui中组件的属性,事件,方法和插槽使用。以el-tree为例,熟悉Attributes props methods event slots的使用
2020-06-01 fastadmin 错误提示Call to a member function exams() on null
2020-06-01 thinkphp5的增删改查操作,DB和模型两者的区别
2020-06-01 thinkphp5的with函数
2020-06-01 三略-下略
2020-06-01 三略-中略
2020-06-01 三略-上略
点击右上角即可分享
微信分享提示