ReactDom沒有定義？

我試圖寫在reactjsReactDom沒有定義？

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8" /> 
    <title>Hello React!</title> 

    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.min.js"></script> 
    <script src="https://unpkg.com/[email protected]/browser.min.js"></script> 
</head> 
<body> 
    <div id="example"></div> 
    <script type="text/babel"> 
     ReactDOM.render(
     <h1>Hello, world!</h1>, 
     document.getElementById('example') 
     ); 
    </script> 
</body> 
</html>

上述程序正常工作的基本程序。但是當我將腳本文件中的內容移動到單獨的app.jsx文件時，它顯示reactDom未定義的錯誤。

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8" /> 
    <title>Hello React!</title> 

    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.min.js"></script> 
    <script src="https://unpkg.com/[email protected]/browser.min.js"></script> 
</head> 
<body> 
    <div id="example"></div> 
    <script type="text/babel" src="app.jsx"> 

    </script> 
</body> 
</html>

和我app.jsx樣子：

ReactDom.render(
    <h1>Hello React!!!</h1>, 
    document.getElementById('example') 
)

來源

2017-07-08 Nitesh Rana

全球爲ReactDOM（注意DOM是全部大寫）。

來源

2017-07-08 07:15:06 joews

完成這些修改後我得到一個不同的錯誤縮小的陣營錯誤＃37 –

嘗試使用非精縮JS束（'除去.min'）來自網址。你會得到更有用的信息。 – joews

是的，刪除.min後它工作。那麼min文件中是否存在某種錯誤？ –

正確的語法是ReactDOM.render。

參見下例：

ReactDOM.render(
 
    <h1>Hello React!!!</h1>, 
 
    document.getElementById('example') 
 
)

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

 

 
<div id="example"></div>

來源

2017-07-08 07:20:40 loelsonk

ReactDom沒有定義？

回答

相關問題