第一反应代码

好的，所以这是我写的第一个反应代码。 “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

第一反应代码

回答

相关问题