React останавливает рендеринг с дочерним элементом

Question

Я изучаю React, и я пытаюсь реализовать родительские/дочерние элементы руками, без копирования из учебных пособий. После того, как я добавить дочерний элемент, React остановок рендеринга, страница пустая:

var utmForm = React.createClass({ 
    render: function() { 
    return (
     <form> 
     Hello! 
     <utmInput /> 
     </form> 
    ) 
    } 
}); 

var utmInput = React.createClass({ 
    render: function() { 
    return (
     <p> 
     Inputs 
     </p> 
    ) 
    } 
}); 

ReactDOM.render(React.createElement(utmForm), document.getElementById('container')); 

http://jsbin.com/katupa/edit?html,js,output

еще не догадывается, почему это. Babel не жалуется на мой код, также нет ошибок в консоли.

Answer 1

По ошибке консоли просто изменить utmForm к UtmForm, utmInput на UtmInput

Вы можете увидеть консоль браузера, нажав ctrl + shift + i, а затем нажмите на вкладку консоли (в Firefox и хром).