React停止呈现子元素

Question

我在学习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和Chrome）。