Comment puis-je ignorer les avertissements de réaction ? (application non native)

Question

J'ai cette guerre dans mon application react.

Il est dit que componentWillReceiveProps a été renommé... Mais je n'ai pas "componentWillReceiveProps" dans mon code seulement des effets ... Peut-être qu'il est à l'intérieur dans les modules de nœuds.

J'essaie donc de les ignorer. Mais je ne sais pas comment...

J'ai utilisé create-react-app Et j'utilise ts-lint.

Answer 1

Largement inspiré de cette réponse

const error = console.error;
function logError(...parameters) {
    let filter = parameters.find(parameter => {
        return (
        // Filter error because XXX
        parameter.includes("Warning: %s is deprecated in StrictMode")
        // Another error to filter because of YYYY
        || parameter.includes("Warning:")
        );
    });
    if(!filter) error(...parameters);
}
console.error  = logError;

Notez que ce code ne fonctionne que pour les erreurs, mais vous pouvez le dupliquer pour console.warn ou info

Vous pouvez gérer cela dans un fichier .js particulier, et l'importer dans le fichier App.js.

Answer 2

En utilisant le code ci-dessous, vous pouvez masquer les avertissements souhaités.

import React from 'react';
import { YellowBox } from 'react-native';
import AppNavigator from './app/main';

YellowBox.ignoreWarnings([
  'Warning: isMounted(...) is deprecated',
  'Module RCTImageLoader',
  'Class RCTCxxModule',
  'Task orphaned for request ',
  'Warning',
  'Require',
  'Missing field __typename in',
  'Node',
]);

const App = () => <AppNavigator />;
export default App;