2016-09-23 21 views
0

我使用react-bootstrap中的示例對我的頁面添加了拆分按鈕下拉列表以對其進行測試。未捕獲TypeError:使用react-bootstrap拆分時無法讀取未定義的屬性'findDOMNode'

我的代碼..

<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> 

當點擊拆分按鈕下拉列表中,控制檯顯示

Uncaught TypeError: Cannot read property 'findDOMNode' of undefined

在反應-bootstrap.js文件的錯誤指向的代碼。

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

我看了其他答案,建議升級React和React-dom,但我認爲我的版本都可以(都是15.3.0)。

編輯:

它工作在我創建導入相同的文件codepen。問題必須與我的實施..

+0

你導入文件的反應引導? – Kafo

+0

是的,我做到了。我一直在使用其他react-bootstrap組件。 – Zee

+0

也許反應bootstrap具有比0.13更舊的依賴關係?嘗試npm ls和npm過時,看看你得到什麼 – Kafo

回答

3

確保您的進口訂單是正確的!

廣場import ReactDOM from 'react-dom'之前導入陣營引導

+0

謝謝@Anuj :) –

相關問題