动态呈现的 Tag 始终为小写

Question

我正在尝试输出一些 svgs 并从列表中输出它们，这是我的渲染方法：

render() {

        const renderTag = () => {
            const Tag = this.props.id
            return(<Tag />)
        } 

        return (
            <div key={this.props.name} className="social-box">
                <a className={this.props.id + "-link"}> 
                    {renderTag()}
                </a>
            </div>
        )
    }

然而，DOM 节点始终是小写的，即，<facebook>而不是<Facebook> this.props.id正确呈现到控制台的Facebook. 谁能告诉我为什么反应或浏览器错误地呈现为小写，因此不是组件，以及如何修复？

Answer 1

这是 React 的技术实现，这里的所有标签都变成小写，据我所知，不可能渲染非小写标签，这是设计使然。

在这里阅读更多内容。