如何禁用React Native第三方依赖触发的ComponentWill系列废弃警告

方案1：官方推荐（适用React Native 0.63及以上版本） #

RN 0.63版本开始将原有YellowBox替换为LogBox，官方直接提供了忽略指定警告的API，你只需要在项目入口文件（通常是根目录index.js，或者App.js的最顶部）添加如下代码即可：

import { LogBox } from 'react-native';

LogBox.ignoreLogs([
  'Warning: componentWillMount has been renamed',
  'Warning: componentWillReceiveProps has been renamed',
  'Warning: componentWillUpdate has been renamed'
]);

只要警告信息包含数组里的任意一段字符串，就会被自动忽略，不会在黄盒/终端输出，也不会影响其他正常警告的展示。

方案2：兼容低版本RN（0.63以下版本） #

如果你的RN版本低于0.63，没有LogBox API，可以直接在入口文件顶部自定义拦截console.warn的逻辑，完全不需要修改RN源码：

const originalWarn = console.warn;

console.warn = function filteredWarn(...args) {
  const suppressedWarnings = [
    'Warning: componentWillMount has been renamed, and is not recommended for use.',
    'Warning: componentWillReceiveProps has been renamed, and is not recommended for use.',
    'Warning: componentWillUpdate has been renamed, and is not recommended for use.',
  ];
  // 检查当前警告是否属于要屏蔽的范围
  const isSuppressed = suppressedWarnings.some(entry => 
    args[0]?.includes(entry)
  );
  // 不属于屏蔽范围的警告正常输出
  if (!isSuppressed) {
    originalWarn.apply(console, args);
  }
};

该逻辑完全写在项目自有代码范围内，不需要改动RN框架源码、也不需要修改第三方依赖，就能实现仅屏蔽指定的生命周期废弃警告的效果。

注意事项 #

• 所有添加的代码都需要放在入口文件的最顶部，保证在其他第三方依赖加载之前就执行拦截逻辑，才能生效。
• 不推荐完全屏蔽所有警告，仅屏蔽你确认不需要关注的第三方依赖触发的警告即可。

内容的提问来源于stack exchange，提问作者lwisi