2016-06-19 41 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 { 
...