Bestimmte Konsolenfehler / Warnungen in React?

Question

Ich habe eine große Anzahl solcher Konsolenfehler in meiner App:

Warnung: React erkennt die textStyleRequisite eines DOM-Elements nicht. Wenn Sie absichtlich möchten, dass es im DOM als benutzerdefiniertes Attribut angezeigt wird, buchstabieren Sie es textstylestattdessen als Kleinbuchstaben . Wenn Sie es versehentlich von einer übergeordneten Komponente übergeben haben, entfernen Sie es aus dem DOM-Element.

Im Idealfall würde ich die Fehler beheben, aber leider ist dies nicht möglich, da ich Styled System mit Styled Components verwende: https://github.com/styled-system/styled-system/issues/1044

Als weniger als ideale Problemumgehung möchte ich bestimmte Fehler von der Konsole für die Entwicklungsversion von React deaktivieren. Kann das gemacht werden?

Ich bin mir nicht sicher, ob es wichtig ist, aber ich verwende React Native Web.

Answer 1

Sie können die console.warn-Methode mit Ihrer eigenen Funktion überschreiben, die die Warnungen herausfiltert, die Sie ignorieren möchten:

const backup = console.warn;

console.warn = function filterWarnings(msg) {
  const supressedWarnings = ['warning text', 'other warning text'];

  if (!supressedWarnings.some(entry => msg.includes(entry))) {
    backup.apply(console, arguments);
  }
};

console.warn('I\'ll appear as a warning');

console.warn('warning text - I will not');

Ich bin nicht sicher , welche Konsole Methode reagiert intern verwendet, so müssen Sie möglicherweise für das gleiche tun console.info, console.logund console.error.

Sie können auch einfach die Produktionsversion von react verwenden, die standardmäßig alle Warnungen unterdrückt. Natürlich können Sie jedoch nicht auswählen, da in diesem Fall alle Warnungen verloren gehen.