Реагировать создание компонентов с динамическими тегами Вавилонской ES6

Question

Я хотел бы быть в состоянии изменить тэг Реагировать компонента родительского узла, как так

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

Но когда я использую вышеописанный метод, мой тег тега реагирования является domTag ...

Любые идеи? Я использую webpack и babel для компиляции кода.

Answer 1

Ответ ...

вы просто передать строку, а не функцию DOM, то есть.

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