世界，你好不起作用在反應

所以你需要通天https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js
反應已經改變了它的API和ReactDom應使用 - >See this post。

所以我想給反應了一槍，要麼我太遠了兔子洞，但我似乎無法弄清楚，而極其簡單的頁面只是不加載和工作。。

我剛纔react_hello.html

<html> 
<head> 
<meta charset="UTF-8"> 
<title>Title of the document</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script src="https://unpkg.com/[email protected]/dist/react.js"></script> 
    <script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script> 
</head> 
<div id="root"> 
<body> 
    <script type="text/babel"> 
    console.log("A"); 
     var ExampleElement = React.createClass({ 
      render : function() 
      { 
       return (<p>Testing 123</p>); 
      }; 
     }); 
     React.render(<ExampleElement/>, document.getElementById('root')); 
    </script> 
</body> 
</html>

它不會在Chrome和Firefox瀏覽器都，我看到一個空白頁，並在控制檯中看到這一點：

下載陣營DevTools和使用HTTP服務器（而不是一個文件：URL）爲更好的發展經驗：https://fb_dot_me_url_blocked/react-devtools

當然，我可以下載開發者工具，但我不想因爲我想了解它的工作原理。爲什麼我看不到指導如何設置頁面的基本思想的教程！即使https://facebook.github.io/react/使用codepen。

來源

2017-02-08 gideon

嘗試增加巴貝爾腳本以及， –

@LucasOliveira這似乎更正確的答案，一個更基本的要求，一個需要巴貝爾。與ReactDom一起。 – gideon

因爲您在body以外定義此<div id="root"。試試這個：

<html> 
    <head> 
     <meta charset="UTF-8"> 
     <title>Title of the document</title> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
     <script src="https://unpkg.com/[email protected]/dist/react.js"></script> 
     <script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script> 
    </head> 
    <body> 
     <div id="root"/> 
     <script type="text/babel"> 
     console.log("A"); 
     var ExampleElement = React.createClass({ 
      render : function() 
      { 
       return (<p>Testing 123</p>); 
      }; 
     }); 
     ReactDOM.render(<ExampleElement/>, document.getElementById('root')); 
     </script> 
    </body> 
</html>

另一個變化是，你需要使用ReactDOM.render代替React.render，檢查這兩者之間的區別：Is there any difference between React.render() and ReactDOM.render()?

來源

2017-02-08 11:26:10

是的，我糾正了這個.. – gideon

讀這個，你的問題在這裏得到很好的回答：http://stackoverflow.com/questions/33007402/is-there-any-difference-between-react-render-and-reactdom-給予 –

ReactDOM.render(<ExampleElement/>, document.getElementById('root'));

來源

2017-02-08 11:25:55

爲什麼這個工作，而不是反應，爲什麼這麼多的例子似乎做React而不是ReactDOM？ – gideon

世界，你好不起作用在反應

回答

相關問題