reactbootstrapとbabelを実行するにはどうすればいいですか？

Question

Webpack/ReactJSの設定でthisサンプルを実行しようとしています。これは私のコンポーネントである

npm react-bootstrap 

：私もやった

import React from 'react' 
const { 
    Navbar, 
    Nav, 
    NavItem, 
    NavDropdown, 
    MenuItem 
} = ReactBootstrap; 

export class ModalTest extends React.Component { 
    constructor() { 
     super(); 

    } 

    render() { 
     return (
      <Navbar> 
       <Navbar.Header> 
        <Navbar.Brand> 
         <a href="#">React-Bootstrap</a> 
        </Navbar.Brand> 
       </Navbar.Header> 
       <Nav> 
        <NavItem eventKey={1} href="#">Link</NavItem> 
        <NavItem eventKey={2} href="#">Link</NavItem> 
        <NavDropdown eventKey={3} title="Dropdown" id="basic-nav-dropdown"> 
         <MenuItem eventKey={3.1}>Action</MenuItem> 
         <MenuItem eventKey={3.2}>Another action</MenuItem> 
         <MenuItem eventKey={3.3}>Something else here</MenuItem> 
         <MenuItem divider /> 
         <MenuItem eventKey={3.3}>Separated link</MenuItem> 
        </NavDropdown> 
       </Nav> 
      </Navbar> 
     ); 
    } 
} 

export default ModalTest 

しかし、私は私のプロジェクトを実行したときに私が取得：

Uncaught ReferenceError: ReactBootstrap is not defined 

がどのように私はこの問題を解決するか、私はより多くの参照が必要行うことができます？

Answer 1

あなたはこのようなあなたの反応-ブートストラップのコンポーネントをインポートする必要が

import {Navbar, Nav,NavItem, NavDropdown, MenuItem} from 'react-bootstrap'; 

Answer 2

のようなあなたのreact-bootstrapコンポーネントをインポートする必要があります。

import {Navbar, Nav,NavItem, NavDropdown, MenuItem} from 'react-bootstrap';