reactjs - 捕获 Material UI 弃用警告

Question

我们公司有一个中央共享 Material UI 主题，各个团队将其拉入他们的代码库。

虽然我们尝试始终与最新版本保持同步，但当出现重大更改时(就像我们在从 v4 到 v5 的过程中)，中央存储库无法以相同的速度更新

现在我们的本地代码库中的版本比中央代码库中的版本更新，并且在创建 fade 重命名为 alpha 的主题时我们收到弃用警告。

Material-UI: The `fade` color utility was renamed to `alpha` to better describe its functionality.

在我们的很多测试中也抛出这个，我想暂时想办法抑制这个错误，有没有简单的方法？

我知道我们已经在我们的代码库中将 fade 的所有用法都切换为 alpha，只有中心部分仍然使用旧的表示法。

Answer 1

我们实际上写了一个这样的包装器:

if (process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test') {
  const errorFn = global.console.error;
  const warnFn = global.console.warn;

  const contains = (target, pattern) => {
    let value = 0;
    pattern.forEach(word => (value = value + target.includes(word)));
    return value === 1;
  };

  const ignoreListError = [
    'The `fade` color utility was renamed to `alpha` to better describe its functionality.',
    'the createMuiTheme function was renamed to createTheme',
  ];

  const ignoreListWarn = ['The `theme.typography.round` helper is deprecated.'];

  global.console.error = msg => {
    if (!(typeof msg === 'string' && msg.indexOf('Material-UI') !== -1 && contains(msg, ignoreListError))) {
      errorFn(msg);
    }
  };

  global.console.warn = msg => {
    if (!(typeof msg === 'string' && msg.indexOf('Material-UI') !== -1 && contains(msg, ignoreListWarn))) {
      warnFn(msg);
    }
  };
}

export {};