Question

我使用create-react-app命令来创建我的项目，对我来说，按钮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;

Answer 1

固定。仅供参考，这是node_modules的问题，没有反应。我在我的项目中使用bootstrap，不知何故我忘了npm install bootstrap，npm尝试在我的计算机上的根node_modules文件夹中找到bootstrap，这会导致此错误。运行“npm install react-bootstrap --save”和“npm install bootstrap @ 3 --save”后，它正在运行。

反击按钮onClick不会触发

1 个答案: