Как запустить responsebootstrap с babel?

Question

Я пытаюсь запустить образец this в моей настройке Webpack/ReactJS. Я также сделал:

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

Вы должны импортировать react-bootstrap компоненты, такие как

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

Answer 2

Вы должны импортировать реагировать-бутстраповских компоненты, как это.

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