2016-05-31 5 views
0

ich zu verwenden Ich versuche reagieren-Daten-Grid haben Refs (http://adazzle.github.io/react-data-grid/index.html), aber ich erhalte immer die Fehlermeldung:Uncaught unveränderliche Verletzung: addComponentAsRefTo (...): Nur ein ReactOwner kann

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. 

ich versucht habe, Deinstallieren des Pakets und Neuinstallation ohne Erfolg.

Hier ist mein Code:

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} /> 
... 
    ) 
} 

Wie kann ich dieses Problem beheben?


ich meine config.js geändert:

... 
"npm:[email protected]": { 
     "classnames": "npm:[email protected]", 
     "es5-shim": "npm:[email protected]", 
     "fbjs": "npm:[email protected]", 
     "object-assign": "npm:[email protected]", 
     "process": "github:jspm/[email protected]", 
     //"react": "npm:[email protected]", 
     "react-contextmenu": "npm:[email protected]", 
     //"react-dom": "npm:[email protected]", 
     "ron-react-autocomplete": "npm:[email protected]" 
    }, 
... 

Und jetzt funktioniert es.

Antwort

1

or you have multiple copies of React loaded.

Jedes Mal wenn ich diesen Fehler bekam es war, weil ich zweimal geladen hatte reagieren, stellen Sie sicher, dass Sie nur einmal reagieren laden, vor allem, wenn Sie webpack

+0

Dank verwenden, meine bearbeiten sehen. Aber ich bekomme jetzt: Warnung: Zeile: 'Schlüssel' ist keine Stütze. Der Versuch, darauf zuzugreifen, führt dazu, dass "undefined" zurückgegeben wird. Wenn Sie innerhalb der untergeordneten Komponente auf denselben Wert zugreifen müssen, sollten Sie ihn als eine andere Requisite übergeben. – imperium2335

Verwandte Themen