2017-02-25 6 views
1

リアブートストラップをnpm(npm install react-bootstrap --save)にインストールしましたが、私のコードはブラウザ上でレンダリングされません。ページは空白です。私は蒸散のためにビルドとバーベルにwebpackを使用します。以下は私の反応コードです。リアブートストラップコードがレンダリングされない

import React from 'react' 
import ReactDOM from 'react-dom' 
import ReactBootstrap from 'react-bootstrap' 

const buttonsInstance = (
    <ButtonToolbar> 
    <Button bsStyle="primary" bsSize="large" active>Primary button</Button> 
    <Button bsSize="large" active>Button</Button> 
    </ButtonToolbar> 
); 

ReactDOM.render(buttonsInstance, document.getElementById('root')); 

ありがとう!

答えて

3

インポートを明示的に使用しますコントロール:

import React from 'react' 
import ReactDOM from 'react-dom' 
import {ButtonToolbar, Button} from 'react-bootstrap' // define individual controls to import  
const buttonsInstance = (
    <ButtonToolbar> 
    <Button bsStyle="primary" bsSize="large" active>Primary button</Button> 
    <Button bsSize="large" active>Button</Button> 
    </ButtonToolbar> 
); 

ReactDOM.render(buttonsInstance, document.getElementById('root')); 
+0

感謝!完璧に働いた – JohnnyDevv

+0

良い仕事ジョニー。ここでインポートの構文に慣れていない場合(例:中括弧{}を使用)、チェックアウトの[Destructuring]をクリックします。 – Kunal

+0

私はそれをどのように正確に適用しますか? – JohnnyDevv

関連する問題