爲什麼我的反應HTML呈現不起作用？

Question

我已經寫了一個簡單的反應組件，但它不是在頁面上呈現HTML。有人能指導我在哪裏做錯了嗎？

http://codepen.io/NehhaSharma/pen/EVNdJJ?editors=101

謝謝。

<div id="content"></div> 
<script type="text/jsx"> 

var newComponent = React.createClass({ 
    render : function(){ 
     return (
      <h2>My Name is React</h2> 
     ); 
    } 

}); 

React.render(<newComponent/>,document.getElementById('content')); 
</script> 

Answer 1

您的組件名稱應該以大寫字母開頭。從React Docs：

要呈現一個陣營組件，只需創建一個以大寫字母開頭 一個局部變量：

下面將呈現爲預期：

<div id="content"></div> 
<script type="text/jsx"> 

var NewComponent = React.createClass({ 
    render : function(){ 
     return (
      <h2>My Name is React</h2> 
     ); 
    } 

}); 

React.render(<NewComponent/>,document.getElementById('content')); 
</script>