如何抑制“标签 在这个浏览器中无法识别“React中的警告？

Question

我在React中使用带有自定义标记名称的元素，并获得了这些错误。有一个关于这个问题的GitHub问题（https://github.com/hyperfuse/react-anime/issues/33），有人说：

这是React 16中的一条新警告消息。与动漫/反应动画无关，可以安全地忽略此警告。

它可以被安全地忽略，这很好，但是当我的代码用无用的错误消息填充控制台时，它仍然不会通过审查。

我怎样才能抑制这些警告？

Answer 1

我不是说这是你应该做的正确的事情，但你可以挂钩console.error并通过在加载react-anime之前将它放在某处来过滤此消息：

const realError = console.error;
console.error = (...x) => {
  // debugger;
  if (x[0] === 'Warning: The tag <g> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.') {
    return;
  }
  realError(...x);
};

它似乎适用于你至少链接的GitHub问题中发布的sample。 ：3

Answer 2

我不相信有一种内置的方法可以抑制错误信息。

警告消息记录正确here in react-dom。您可以fork react-dom并简单地删除错误消息。对于像这样小的变化，也许使用类似patch-package的东西会有用，所以你不必维护一个分叉。

Answer 3

我发现了这个问题的潜在修复方法 - 如果你使用插件（可能在其他情况下），你可以使用is属性。

在使用X3d时找到here - 只需编写<scene is="x3d" .../>作品