我发现了这个问题的一个潜在的修复方法--如果您正在使用插件（并且可能在其他情况下），您可以使用is属性。
使用X3 d时可在此处找到-只需编写<scene is="x3d" .../>即可

• • 更新日期：**

请参阅@triple的正确答案：https://stackoverflow.com/a/55537927/1483006

• • 原件：**

我并不是说这是你应该做的正确的事情，但是你可以在react-anime加载之前的某个地方挂接console.error并过滤这个消息：

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

我的解决方案是创建envelope组件，用所需的类呈现<div>：

import React, {Component, DetailedHTMLFactory, HTMLAttributes} from "react";
import classNames from "classnames";

export default class SimpleTagComponent extends Component<SimplePropTypes>{
    baseClassName = 'simpleComponent'

    render() {
        return React.createElement(
            'div',
            {
                ...this.props,
                className: classNames(this.baseClassName, this.props.className),
            },
            this.props.children
        );
    }
}

type SimplePropTypes = HTMLAttributes<HTMLDivElement>

export class MyTag extends SimpleTagComponent {
    baseClassName = 'my'
}

我不相信有一个内置的方式来抑制错误消息。
这个警告信息就记录在react-dom中，你可以派生react-dom并简单地删 debugging 误信息，对于这样一个小的变化，也许使用patch-package之类的东西会很有用，所以你不必维护一个fork。

React 16对x3dom组件给出警告。
在组件中包含is=“x3d”会抑制这些警告。

我也遇到了同样的错误。我的问题是当我使用sfc时，js的新文件中的名称（标记名）的第一个字母必须是大写字母。我只是个新手，所以没有注意到这一点。但我写这篇文章只是以防万一。

我将HTML封装在<svg>标记中。
https://github.com/facebook/react/issues/16135：
我认为您可能在<svg>标记之外呈现它们。

这是什么摆脱了Web浏览器警告对我来说：

不良：

const SocialMedia = (props) => {
 <socialmedia>
    return (

良好：

const SocialMedia = (props) => {
    return (