2016-09-23 8 views
0

react-bootstrapの例を使用して自分のページに分割ボタンのドロップダウンを追加しました。Uncaught TypeError:反応ブートストラップの分割を使用しているとき、定義されていないプロパティ '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> 

スプリットボタンのドロップダウンメニューをクリックすると、コンソールが反応し、bootstrap.jsファイルにコーディングする

Uncaught TypeError: Cannot read property 'findDOMNode' of undefined

エラー箇所を示しています。

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

私はReactとReact-domをアップグレードすることを提案していますが、私のバージョンは大丈夫です(両方とも15.3.0です)。

編集:

それは私が同じファイルをインポート作成codepenで動作します。問題は私の実装でなければなりません。

+0

は、インポートファイルにブートストラップ反応しましたリアクト? – Kafo

+0

はい私はしました。私は他の反応ブートストラップコンポーネントを使っています。 – Zee

+0

おそらく反応するブートストラップは0.13より古い依存関係を持っていますか?あなたが得たものを見るためにnpm lsとnpmを時代遅れにしてください – Kafo

答えて

3

輸入の順序が正しいことを確認してください!

場所import ReactDOM from 'react-dom'インポートする前には、ブートストラップ

+0

ありがとう@Anuj :) –

関連する問題