Twitter bootstrap 反应引导拒绝呈现

我使用React Bootstrap渲染按钮组作为示例，但它拒绝渲染，而是告诉我“ButtonGroup未定义”。我已经通过NPM安装了这个模块，并使用ES6（由巴贝尔翻译）导入了它。我正在导出我的组件，然后最终作为孩子呈现在我的应用程序中

import React, { Component, PropTypes } from 'react';
import Bootstrap from 'react-bootstrap';

export default class NavBar extends Component {
    render(){

    return(
     <Bootstrap.ButtonGroup>
    <Bootstrap.Button>1</Bootstrap.Button>
    <Bootstrap.Button>2</Bootstrap.Button>
    <Bootstrap.DropdownButton title="Dropdown" id="bg-nested-dropdown">
      <Bootstrap.MenuItem eventKey="1">Dropdown link</Bootstrap.MenuItem>
      <Bootstrap.MenuItem eventKey="2">Dropdown link</Bootstrap.MenuItem>
    </Bootstrap.DropdownButton>
  </Bootstrap.ButtonGroup>
    );
  }
}

import React，{Component，PropTypes}来自'React'；
从“反应引导”导入引导；
导出默认类导航栏扩展组件{
render（）{
返回(
1.
2.
下拉链接
下拉链接
);
}
}

基于“react bootstrap”文档，使用ES6有一种特殊的导入方式：

Es6模块本机还不受支持，但您可以使用语法 现在在巴贝尔这样的运输工具的帮助下

---

基于“react bootstrap”文档，有一种使用ES6导入的特殊方法：

Es6模块本机还不受支持，但您可以使用语法 现在在巴贝尔这样的运输工具的帮助下

---

您还需要像这样从react引导库引入ButtonGroup

import Button from 'react-bootstrap/lib/Button';
import ButtonGroup from 'react-bootstrap/lib/ButtonGroup';
// or
import { Button, ButtonGroup } from 'react-bootstrap';

---

您还需要像这样从react引导库引入ButtonGroup

import Button from 'react-bootstrap/lib/Button';
import ButtonGroup from 'react-bootstrap/lib/ButtonGroup';
// or
import { Button, ButtonGroup } from 'react-bootstrap';