反應引導代碼不呈現

Question

我已經安裝react-bootstrap與npm（npm install react-bootstrap --save），但我的代碼不在瀏覽器上呈現。該頁面只是空白。我使用webpack構建和babel進行編譯。以下是我的反應代碼。

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')); 

謝謝！

Answer 1

導入控制，你會明確地使用：

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'));