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和Chrome中）。