2016-09-23 12 views
0

create-react-appコマンドを使用してプロジェクトを作成すると、ボタンonClickが起動しないというのは本当に奇妙です。私は、このエラーはボタンが発射ないクリック生じた場合ReactボタンonClickが起動しない

invariant.js:38 Uncaught Invariant Violation: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's "render" method, or you have multiple copies of React loaded

わからない前に見たことがないこのエラーを参照してください。 コードはとてもシンプルで、他のプロジェクトでもうまく機能しています。

import React from 'react'; 

const MyComponent = React.createClass({ 
    myClick: function() { 
     alert("Hello World!"); 
    }, 

    render: function() { 
     return(
     <div> 
      <button onClick={this.myClick}>Click Me</button> 
     </div> 
    ); 
    } 
}); 

export default MyComponent; 
+0

「あなたは複数のコピーがある」と思われます。あなたのパッケージは何ですか?jsonと同様にプロジェクトの外観ですか? – goldbullet

+0

package.jsonは、これらの依存関係を有する: "devDependencies":{ "反応-スクリプト": "0.4.3" }、 "依存性":{ が "反応する": "^ 15.3.2"、 「react- 「^ 15.3.2」、 「反応ルータ」:「^ 2.8.1」 }、 – ychui

+1

、このコンポーネントはどこにマウントされていますか? – goldbullet

答えて

0

固定。参考までに、node_modulesの問題です。反応しません。私は自分のプロジェクトでブートストラップを使っています。何とかブートストラップをインストールするのを忘れていて、npmは自分のコンピュータのルートnode_modulesフォルダにブートストラップを見つけようとします。 "npm install react bootstrap --save"と "npm install bootstrap @ 3 - save"を実行した後、動作しています。

関連する問題