React Bootstrap Tabs给出的错误是：不变违规：元素类型无效：

Question

Deals.js

import {Tab, Nav, NavItem} from 'react-bootstrap';
const Deals = (props) => {
  return (
<div>
<Tab.Container id="tabs-with-dropdown" defaultActiveKey="first">
  <Nav bsStyle="tabs">
    <NavItem eventKey="first">
      <span>props.hedding1</span>
    </NavItem>
    <NavItem eventKey="second">
      <span>props.hedding2</span>
    </NavItem>
  </Nav>
  <Tab.Content animation>
    <Tab.Pane eventKey="first">
      <span>Tab 1 content</span>
    </Tab.Pane>
    <Tab.Pane eventKey="second">
      <span>Tab 2 content</span>
    </Tab.Pane>
  </Tab.Content>
</Tab.Container>

<Tab.Container id="tabs-with-dropdown" defaultActiveKey="first">
  <Nav bsStyle="tabs">
    <NavItem eventKey="first">
      <span>Tab 1</span>
    </NavItem>
    <NavItem eventKey="second">
      <span>Tab 2</span>
    </NavItem>
  </Nav>
  <Tab.Content animation>
    <Tab.Pane eventKey="first">
      <span>Tab 1 content</span>
    </Tab.Pane>
    <Tab.Pane eventKey="second">
      <span>Tab 2 content</span>
    </Tab.Pane>
  </Tab.Content>
 </Tab.Container>
</div>
);
};
export default Deals;

我这样反感：

  

警告：React.createElement：type不应为null，未定义，   布尔值或数字。它应该是一个字符串（对于DOM元素）或a   ReactClass（用于复合组件）。检查渲染方法   Deals。

给出的错误是：

  

不变违规：元素类型无效：预期为字符串（for   内置组件）或类/函数（用于复合组件）   但得到了：未定义。   检查Deals的呈现方法。