2016-06-19 65 views
0

我建立反应在此基础上回购程序:Reactjs反应的自举JS错误

https://github.com/wi2/isomorphic-sails-react-example 

现在我实现反应的自举跟随他们的入门指导。我试过导航栏演示,但当我尝试执行像collapse/uncollapse下拉菜单这样的简单行为时,出现了显示和javascript错误。

navigation.js

"use strict"; 

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

export class Navigation { 
    render() { 
    return (
     <Navbar inverse> 
     <Navbar.Header> 
      <Navbar.Brand> 
      <a href="#">React-Bootstrap</a> 
      </Navbar.Brand> 
      <Navbar.Toggle /> 
     </Navbar.Header> 
     <Navbar.Collapse> 
      <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> 
      <Nav pullRight> 
      <NavItem eventKey={1} href="#">Link Right</NavItem> 
      <NavItem eventKey={2} href="#">Link Right</NavItem> 
      </Nav> 
     </Navbar.Collapse> 
     </Navbar> 
    ) 
    } 
} 

output

我错过了什么样我要加入一些JS库?

+0

什么阵营的自举的版本,您使用的?最新版本需要更新的React(同构 - 帆 - 反应 - 例如使用0.13.3) – omerts

回答

0

尝试延长阵营组件与您的导航类

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

export class Navigation extends Component { 
...