React-Bootstrap代码不渲染

Question

我已经使用NPM安装了React-Bootstrap（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'));