React-bootstrap 코드가 렌더링되지 않습니다.

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