如何在React中禁止"此浏览器中的标记<some-tag>无法识别"警告？

Question

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

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

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

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

Answer 1

我找到了解决此问题的潜在方法 - 如果您正在使用插件（并且可能在其他情况下），您可以使用该is属性。

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

Answer 2

更新：

使用正确的解决方案查看@triple 的答案：https ://stackoverflow.com/a/55537927/1483006

原件：

我并不是说这是您真正应该做的正确事情，但是您可以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 问题中发布的示例。:3