忽略 React 中的某些控制台錯誤/警告？

Question

我的應用程序中出現了大量這樣的控制台錯誤：

警告：React 無法識別 DOM 元素上的textStyle 。 如果您有意希望它作為自定義屬性出現在 DOM 中，請將其拼寫為小寫textstyle 。 如果您不小心從父組件傳遞了它，請將其從 DOM 元素中刪除。

理想情況下，我會修復錯誤，但遺憾的是這是不可能的，因為我使用的是帶有樣式組件的樣式系統： https : //github.com/styled-system/styled-system/issues/1044

作為一種不太理想的解決方法，我想禁用 React 開發版本的控制台中的某些錯誤。 這能做到嗎？

不確定這是否重要，但我使用的是 React Native Web。

Answer 1

您可以使用自己的函數來覆蓋 console.warn 方法，以過濾掉您想要忽略的警告：

 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');

我不確定 react 在內部使用哪種控制台方法，因此您可能需要對console.info 、 console.log和console.error執行相同的操作。

您也可以只使用 react 的生產版本，默認情況下它會抑制所有警告，但當然您無法選擇，在這種情況下您會丟失所有警告。