javascript - 动态渲染的标签总是小写

Question

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

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 .谁能告诉我为什么 react 或浏览器错误地呈现为小写字母，因此不是组件，以及如何修复？

Answer 1

这是 React 的技术实现，所有标签在这一行都变成小写 here , AFAIK 不可能呈现非小写的标签，这是设计使然。

阅读更多 here .