第一反應代碼

好的，所以這是我寫的第一個反應代碼。「Hello world」代碼。第一反應代碼

但是，它似乎沒有工作。我嘗試了一些答案，但沒有一個爲我工作。

這是代碼。

<html> 
    <head> 
     <title>Some title</title> 
    </head> 
    <body> 
     <div id="app"> 

     </div> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react.min.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react-dom.js"></script> 
     <script> 
      ReactDOM.render(
       React.DOM.h1(null, "Hello World!"), 
       document.getElementById("app") 
      ); 
     </script> 
    </body> 
</html>

這是我在控制檯中得到的錯誤。

Uncaught TypeError: Cannot read property 'purgeUnmountedComponents' of undefined 
    at clearHistory (react-dom.js:8499) 
    at resetMeasurements (react-dom.js:8542) 
    at ReactReconcileTransaction.onBeginFlush (react-dom.js:8712) 
    at ReactReconcileTransaction.initializeAll (react-dom.js:14848) 
    at ReactReconcileTransaction.perform (react-dom.js:14815) 
    at batchedMountComponentIntoNode (react-dom.js:9835) 
    at ReactDefaultBatchingStrategyTransaction.perform (react-dom.js:14816) 
    at Object.batchedUpdates (react-dom.js:8862) 
    at Object.batchedUpdates (react-dom.js:12944) 
    at Object._renderNewRootComponent (react-dom.js:10029)

來源

2017-04-19 xanderpower

只能是渲染調用中'React'和'DOM'之間的'.'。它應該是'ReactDOM.render（）'。 – jered

問題是，您正在使用縮小版本react和未縮小版本react-dom，請使用縮小或不縮小。

使用這些引用（包括精縮react和react-dom），它會工作：

<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>

或者這些都沒有精縮：

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

運行這段代碼，檢查工作示例：

<html> 
 
    <head> 
 
     <title>Some title</title> 
 
     <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> 
 
    </head> 
 
    <body> 
 
     <div id="app"> 
 

 
     </div> 
 
     
 
     <script> 
 
      ReactDOM.render(
 
       React.DOM.h1(null, "Hello World!"), 
 
       document.getElementById("app") 
 
      ); 
 
     </script> 
 
    </body> 
 
</html>

來源

2017-04-19 17:19:24

您正在混合縮小和未縮小版本的react和react-dom。選擇你需要的版本（縮小與否）並在兩個腳本中使用它。

來源

2017-04-19 17:10:52

第一反應代碼

回答

相關問題