最初の反応コード

いいえ、これは私が書いた最初の反応コードです。「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

あなたは、反応し反応していない反応の最小化バージョンと未反応化バージョンを混合しています。必要なバージョンを選択し（縮小したものかどうか）、両方のスクリプトで使用します。

出典

2017-04-19 17:10:52

答えて

関連する問題