ReactJS starterkit堅持基本示例

我想通過關注此tutorial來學習ReactJS。儘管我無法在瀏覽器中運行Hello World示例。ReactJS starterkit堅持基本示例

我嘗試運行下面的代碼：

<head> 
    <meta charset="UTF-8"> 
    <title>Dev ReactJS</title> 

    <!-- <script src="build/react.js"></script> --> 
    <script src="build/react-with-addons.js"></script> 
    <script src="build/JSXTransformer.js"></script> 
</head> 

<body> 
    <div id="mount"></div> 
    <script type="text/jsx"> 
     /** @jsx React.DOM */ 
     React.render(
      React.DOM.h1(null, 'Hello, world!'), 
      document.getElementById('mount') 
     ); 
    </script> 
</body> 
</html>

產生錯誤如下圖所示：

Uncaught TypeError: React.render is not a function - Inline JSX script:3

我讀過有關v0.14所做的更改一些東西，但我使用包括v0.11的入門工具包。我通過FTP上傳到我的網站，還是需要運行，例如，NodeJS服務器？我無法找到任何有關的..

在此先感謝。

來源

2016-02-29 ronnyrr

不確定爲什麼您註釋react.js文件 – Borjante

因爲我試圖使用react-with-addons.js（這在我看來與react.js是一樣的，但有一些額外的插件）。只使用react.js，我得到了同樣的錯誤。 – ronnyrr

當然。由於教程太舊，新版本的React.js不包含渲染，而是必須使用react-dom。詳見official Facebook page (with examples)

來源

2016-02-29 11:23:21

正如我的問題所述，我已經做了一些研究。 ReachtDOM函數從版本0.14開始可用，而我正在使用包含v0.11的reactjs入門工具包。 – ronnyrr

哦。抱歉，我錯過了這個。但是，我解決了問題）查看本文的評論作者從React.renderComponent更改爲React.render - https://scotch.io/tutorials/learning-react-getting-started-and-concepts?utm_content=buffer7a560&utm_medium=social&utm_source = facebook.com＆utm_campaign = buffer＃comment-1829509930 React 0.11.2沒有渲染，只有renderComponent嘗試更改。 –

這裏是工作代碼https://yadi.sk/i/3MwroJqtpigiQ –

該文章寫於2014年，反應生態系統發生了很多變化。本指南react-howto Pete Hunt將證明在您進入有時壓倒性反應生態系統的過程中很有用

來源

2016-02-29 11:27:29

感謝您的howto頁面。希望這些信息是正確的;） – ronnyrr

ReactJS starterkit堅持基本示例

回答

相關問題