2016-09-23 2 views
0

Ich habe ein Dropdown-Menü mit geteilten Schaltflächen hinzugefügt, um das Beispiel aus zu testen.Uncaught TypeError: Kann die Eigenschaft 'findDOMNode' von undefined nicht lesen, wenn react-bootstrap splitdown verwendet wird

Mein Code ..

<SplitButton bsStyle={"primary"} title={"test"} key={1} id={`this-is-a-test`}> 
    <MenuItem eventKey="1">Action</MenuItem> 
    <MenuItem eventKey="2">Another action</MenuItem> 
    <MenuItem eventKey="3">Something else here</MenuItem> 
    <MenuItem divider /> 
    <MenuItem eventKey="4">Separated link</MenuItem> 
</SplitButton> 

Wenn die Drop-Down-Split-Schaltfläche, die Konsole zeigt

Uncaught TypeError: Cannot read property 'findDOMNode' of undefined

Die Fehlerpunkte auf Code in der Reaktion-bootstrap.js Datei.

exports.default = function (componentOrElement) { 
    return (0, _ownerDocument2.default)(_reactDom2.default.findDOMNode(componentOrElement)); 
}; 

Ich habe bei anderen Antworten sah Reagieren und Reaktivierungs dom aktualisieren darauf hindeutet, aber ich denke, meine Versionen sind ok (Beide sind 15.3.0).

Edit:

Es ist in der codepen arbeitet ich die gleichen Dateien importieren erstellt. Problem muss mit meiner Implementierung sein.

+0

Sie Bootstrap importieren haben in Ihrer Datei reagieren? – Kafo

+0

Ja, tat ich. Ich habe andere react-bootstrap-Komponenten verwendet. – Zee

+0

vielleicht reagiert Bootstrap hat eine Abhängigkeit, die älter als 0,13 ist? versuchen npm ls und npm veraltet zu sehen, was Sie bekommen – Kafo

Antwort

3

Stellen Sie sicher, dass Ihre Importreihenfolge korrekt ist!

Platz import ReactDOM from 'react-dom', bevor Sie importieren Reagieren Bootstrap

+0

Danke @Anuj :) –

Verwandte Themen