How can I suppress “The tag is unrecognized in this browser” warning in React?

Question

I\'m using elements with custom tag names in React and getting a wall of these errors. There\'s a GitHub issue on the subject (https://github.com/hyperfuse/react-anime/issues/3

Answer 1

My solution was to create envelope component which renders

with desired classes:

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

export default class SimpleTagComponent extends Component{
    baseClassName = 'simpleComponent'

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

type SimplePropTypes = HTMLAttributes

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

0 讨论(0)

查看其它4个回答

发布评论:

提交评论

---

•  加载中...