キャッチされない例外TypeError：React.createClassが反応成分を製造するために機能

Question

ないが、私は次のコード

var React = require('react'); 

var RandomWords = React.createClass({ 
    render: function() { 
    return (
     <div > 
     <h4>Random words come here</h4> 
     </div> 
    ); 
    } 
}); 

module.exports =RandomWords; 

を使用し、私はこれを使用してルートcomponnetこのcomponnetを呼び出す：

define(["./RandomWords","react", "react-dom"], 
    (React, ReactDOM) => { 

     var Root = React.createClass({ 
     render: function() { 
      return (
      <div > 
       <h1>Welcome to our game</h1> 
       <RandomWords/> 
       <UserInput/> 
       <Statistic/> 
      </div> 
     ); 
     } 
     }); 



     ReactDOM.render(
     React.createElement(Root, null), 
     document.getElementById('content') 
    ); 
}); 

それは文句を言うこと：それが原因define(["./RandomWords","react", "react-dom"]である私には思える

Uncaught TypeError: React.createClass is not a function 

、しかし、私はそれを修正する方法を知りませんか？

Answer 1

これはRequireJSですか？ 3つの依存関係を指定しますが、2つだけを使用します。これは、関数に渡したものが不一致であるため、使用していないものが依存関係配列の最後のものでない限り、失敗します。順序は一貫していなければなりません。

方法ですが、今では、関数に渡されReact変数はReactDOMがReactとReactDOMですが注入されることはありません、RandomWordsです。

は

define(["./RandomWords","react", "react-dom"], 
    (RandomWords, React, ReactDOM) => {