React 生成带有动态标签的组件 babel es6答案

【问题标题】：React generate components with dynamic tags babel es6React 生成带有动态标签的组件 babel es6
【发布时间】：2016-06-06 04:49:45
【问题描述】：

我希望能够像这样更改 React 组件父节点的标签

React.createClass({
    render: function(){
        const tagName = this.props.tagName;
        const domTag = tagName ? React.DOM[tagName] : React.DOM.div;
        return <domTag />
    }
})

从此问答中借鉴参考

Dynamically Rendering a React component

但是当我使用上面的方法时，我的react组件标签类型是domTag...

有什么想法吗？我是webpack和babel来编译代码的。

【问题讨论】：

标签： reactjs babeljs

【解决方案1】：

答案是……

你只是传递一个字符串，而不是 DOM 函数，即。

const TagName = 'input';
return <TagName />

【讨论】：