未捕獲不變違規：addComponentAsRefTo（...）：只有ReactOwner可以有裁判

Question

我想使用反應數據網（http://adazzle.github.io/react-data-grid/index.html），但我不斷收到錯誤：

invariant.js:17 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. 

我曾嘗試卸載軟件包並重新安裝無濟於事。

這裏是我的代碼：

render() { 
    ... 
    var _rows = []; 
     for (var i = 1; i < 1000; i++) { 
      _rows.push({ 
       id: i, 
       title: 'Title ' + i, 
       count: i * 1000 
      }); 
     } 

     var rowGetter = function(i){ 
      return _rows[i]; 
     }; 

     const columns = [ 
      { 
       key: 'id', 
       name: 'ID' 
      }, 
      { 
       key: 'title', 
       name: 'Title' 
      }, 
      { 
       key: 'count', 
       name: 'Count' 
      } 
     ] 
    return (
     ... 
<ReactDataGrid 
           columns={columns} 
           rowGetter={rowGetter} 
           rowsCount={_rows.length} 
           minHeight={277} /> 
... 
    ) 
} 

我怎樣才能解決這個問題？

---

我改變了我的config.js：

... 
"npm:react-data-grid@0.14.42": { 
     "classnames": "npm:classnames@1.2.2", 
     "es5-shim": "npm:es5-shim@4.5.8", 
     "fbjs": "npm:fbjs@0.6.1", 
     "object-assign": "npm:object-assign@2.1.1", 
     "process": "github:jspm/nodelibs-process@0.1.2", 
     //"react": "npm:react@0.14.8", 
     "react-contextmenu": "npm:react-contextmenu@1.5.0", 
     //"react-dom": "npm:react-dom@0.14.8", 
     "ron-react-autocomplete": "npm:ron-react-autocomplete@3.0.1" 
    }, 
... 

而現在它的工作原理。

Answer 1

or you have multiple copies of React loaded.

每次我得到這個錯誤是因爲我反應過來了兩次加載，請確保您只載荷時一次，特別是如果你使用的WebPack