React啓動器模板不渲染任何東西

<body> 
    <div id="content"></div> 

    <script type="text/jsx"> 
    var x = React.createClass({ 
     render:function(){ 
      return (
       <h1>I love react</h1> 
      ); 
     } 
    }); 

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

我的reactjs代碼在下面出現了什麼問題？它什麼都不渲染。我已經包括了React啓動器模板不渲染任何東西

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react.min.js"></script>

在頭上。

來源

2016-01-22 Alien Xu

你有幾個失誤

你需要包括ReactDOM和使用ReactDOM.render，因爲自版本0.14.*.render方法位於陣營已經過時了。
定義組件，你應該使用與一個大寫字母開頭的局部變量（應該是不Xx）
而不是type="text/jsx"你應該使用type="text/babel"（不要忘了包括babel）

Example

來源

2016-01-22 08:43:00

<script type="text/jsx">將不起作用。這是使用舊的jsx轉換器的舊版本，但現在已被棄用。

改用babel。 Read more about this topic here.

此外，您的組件的名稱應始終以大寫字母開頭。 <X />不是<x />。

來源

2016-01-22 08:45:14 Louy

React啓動器模板不渲染任何東西

回答

相關問題