How to use the react-bootstrap.Nav function in react-bootstrap

}
        var userCenter = null;
        if (localStorage.getItem("HCAccount") == "manager") {
            userCenter = React.createElement(react_bootstrap_1.NavItem, { eventKey: 1, href: "/usercenter" }, "\u4E2A\u4EBA\u4E2D\u5FC3");
        }
        return React.createElement("div", null,
            React.createElement(react_bootstrap_1.Navbar, { inverse: true, collapseOnSelect: true },
                React.createElement(react_bootstrap_1.Navbar.Header, null,
                    React.createElement(react_bootstrap_1.Navbar.Brand, null,
                        React.createElement("a", { href: "/" }, "\u7B80\u5386\u9A8C\u8BC1\u5E73\u53F0")),
                    React.createElement(react_bootstrap_1.Navbar.Toggle, null)),
                React.createElement(react_bootstrap_1.Navbar.Collapse, null,
                    React.createElement(react_bootstrap_1.Nav, null,
                        React.createElement(react_bootstrap_1.NavItem, { eventKey: 1, href: "/myresume" }, "\u6211\u7684\u7B80\u5386"),
                        React.createElement(react_bootstrap_1.NavItem, { eventKey: 2, href: "/verify" }, "\u9A8C\u8BC1\u7B80\u5386")),
                    React.createElement(react_bootstrap_1.Nav, { pullRight: true },
                        userCenter,
                        React.createElement(react_bootstrap_1.NavItem, { eventKey: 2, href: isLogin ? "/logout" : "/login" }, isLogin ? name + "/注销" : "登录")))));
    };
    return Header;

var Square        = require('./views/square.jsx');
var Profile       = require('./views/profile.jsx');

var Callback      = require('./views/callback.jsx');
var Login         = require('./views/login.jsx');

var Create        = require('./views/createSpell.jsx');
var Edit          = require('./views/createSpell.jsx');
var Spell         = require('./views/spell.jsx');
var Notfound      = require('./views/p404.jsx');
var Footer        = require('./components/footer.jsx');

var userStore     = require('./stores/userStore');
var actions       = require('./actions/actions');

var Nav           = BS.Nav;
var NavItem       = BS.NavItem;
var Navbar        = BS.Navbar;
var Grid          = BS.Grid;
var Row           = BS.Row;
var Col           = BS.Col;

require('brace/theme/github');

var CobbleApp = React.createClass({
  mixins: [
    Router.Navigation,
    Reflux.listenTo(userStore, 'updateUser')
  ],
  getInitialState: function() {
    return {
      user: userStore.getUser(),

var React = require('react');
var ReactDOM = require('react-dom');

var ReactBootstrap = require('react-bootstrap');
var Jumbotron = ReactBootstrap.Jumbotron;
var Tabs = ReactBootstrap.Tabs;
var Tab = ReactBootstrap.Tab;
var Nav = ReactBootstrap.Nav;
var NavDropdown = ReactBootstrap.NavDropdown;
var NavItem = ReactBootstrap.NavItem;
var Col = ReactBootstrap.Col;
var Row = ReactBootstrap.Row;
var Modal = ReactBootstrap.Modal;
var FormControl = ReactBootstrap.FormControl;
var InputGroup = ReactBootstrap.InputGroup;
var Button = ReactBootstrap.Button;
var Glyphicon = ReactBootstrap.Glyphicon;

var MenuItem = ReactBootstrap.MenuItem;
var SplitButton = ReactBootstrap.SplitButton;

var TopBarContainer = require('../containers/TopBarContainer');
var NewUserModalContainer = require('../containers/NewUserModalContainer');
var AccountSettingsModalContainer = require('../containers/AccountSettingsModalContainer');

var ReactBootstrap = require('react-bootstrap')
  , NavItem = ReactBootstrap.NavItem
  , Nav = ReactBootstrap.Nav
  , ListGroup = ReactBootstrap.ListGroup
  , ListGroupItem = ReactBootstrap.ListGroupItem
  , Panel = ReactBootstrap.Panel
  , Glyphicon = ReactBootstrap.Glyphicon
  , Button = ReactBootstrap.Button

var React = require('react/addons');

var ReactCSSTransitionGroup = React.addons.CSSTransitionGroup;

var Post = require("./Post.js");

module.exports = Postboard = React.createClass({displayName: "Postboard",
  render: function() {
    var posts = this.props.data.map(function(post, index) {
      return (

'use strict';

var React = require('react');
var createReactClass = require('create-react-class');
var NavMain = require('./nav-main');
var Header = require('./header');
var Footer = require('./footer');
var Snippet = require('./snippet');
var ReactPlayground = require('./react-playground');
var Bootstrap = require('react-bootstrap');
var Affix = Bootstrap.Affix;
var Nav = Bootstrap.Nav;
var NavItem = Bootstrap.NavItem;
var fs = require('fs');
var path = require('path');

module.exports = createReactClass({

  getInitialState: function () {
    return {
      activeNavItemHref: null,
      navOffsetTop: null
    };
  },

  handleNavItemSelect: function (key, href) {
    this.setState({
      activeNavItemHref: href

var React = require('react');
var Bootstrap = require('react-bootstrap');
var Navbar = Bootstrap.Navbar;
var Nav = Bootstrap.Nav;
var NavItem = Bootstrap.NavItem;
var VizNavbar = React.createClass({displayName: "VizNavbar",


  gotoProjects: function(){
    this.transitionTo('projects');
  },

  render: function(){
    return (
      React.createElement(Navbar, {brand: "CrowdTruth"}, 
        React.createElement(Nav, {key: 1}, 
          React.createElement(NavItem, {eventKey: 1}, "To be Added"), 
          React.createElement(NavItem, {eventKey: 2, href: "#/projects"}, " Projects")
        )

{ style: styles.navbar },
        _react2.default.createElement(
          _reactBootstrap.Navbar.Header,
          null,
          _react2.default.createElement(
            _reactBootstrap.Navbar.Brand,
            null,
            _react2.default.createElement(
              _reactRouter.Link,
              { to: '/home' },
              'Scaphold'
            )
          )
        ),
        _react2.default.createElement(
          _reactBootstrap.Nav,
          { pullRight: true },
          _react2.default.createElement(
            _reactBootstrap.NavItem,
            { onClick: this.goHome },
            'Home'
          ),
          _react2.default.createElement(
            _reactBootstrap.NavItem,
            { onClick: this.goToGraphiQL },
            'GraphiQL'
          ),
          _react2.default.createElement(
            _reactBootstrap.NavItem,
            null,
            loggedInUser
          ),

var React = require('react')

var Bootstrap = require('react-bootstrap')

var Navbar = Bootstrap.Navbar
var Nav = Bootstrap.Nav
var NavItem = Bootstrap.NavItem

var RootComponent = React.createClass({
  propTypes: {
    user: React.PropTypes.object,
    content: React.PropTypes.element
  },
  render: function () {
    var content = this.props.content

    const navRight = this.props.user ? [
      Logout
    ] : [
      Login,
      Signup
    ]

var React = require('react');
var Postboard = require("../common/Postboard.js");
var NewPostModalButton = require("../home/NewPostModalButton.js");
var SetIntervalMixin = require("../common/SetIntervalMixin.js");
var StreamMixin = require("../common/StreamMixin.js");
var SafeStateChangeMixin = require('../common/SafeStateChangeMixin.js');
var EventListenerMixin = require('../common/EventListenerMixin.js');
var AppSettingsMixin = require('../common/AppSettingsMixin.js');


var ReactBootstrap = require('react-bootstrap')
  , NavItem = ReactBootstrap.NavItem
  , Nav = ReactBootstrap.Nav
  , ListGroup = ReactBootstrap.ListGroup
  , ListGroupItem = ReactBootstrap.ListGroupItem
  , Panel = ReactBootstrap.Panel
  , Glyphicon = ReactBootstrap.Glyphicon
  , Button = ReactBootstrap.Button

module.exports = Home = React.createClass({displayName: "Home",
    
  mixins: [
    AppSettingsMixin,
    StreamMixin,
    SetIntervalMixin,
    SafeStateChangeMixin,
    EventListenerMixin('scrolledtobottom'),
    EventListenerMixin('newpostbyuser')
  ],

var React = require('react');
var Common = require('../common.js');
var Router = require('react-router'),
  RouteHandler = Router.RouteHandler,
  Route = Router.Route;

var ReactBootstrap = require('react-bootstrap'),
  Nav = ReactBootstrap.Nav,
  Navbar = ReactBootstrap.Navbar,
  NavItem = ReactBootstrap.NavItem,
  ListGroup = ReactBootstrap.ListGroup;

var ReactRouterBootstrap = require('react-router-bootstrap'),
  NavItemLink = ReactRouterBootstrap.NavItemLink,
  ButtonLink = ReactRouterBootstrap.ButtonLink,
  ListGroupItemLink = ReactRouterBootstrap.ListGroupItemLink;
var LoginForm = require('./login.jsx')
var Dashboard = require('./dashboard.jsx')

var App = React.createClass({
  getInitialState: function() {
    return Common.getAuthCredentials();
  },