未捕獲的ReferenceError：導航欄沒有定義

我開發反應+流星的應用程序，然後我得到了這樣的錯誤，未捕獲的ReferenceError：導航欄沒有定義

我嘗試在本教程中添加導航https://react-bootstrap.github.io/components.html#navigation，獲取數據。我嘗試添加該常量像下面這樣

MainComponent

import React, { Component } from 'react'; 
import ReactDOM from 'react-dom'; 
import { Meteor } from 'meteor/meteor'; 
import { createContainer } from 'meteor/react-meteor-data'; 
import { Button } from 'react-bootstrap'; 

import AccountsUIWrapper from './AccountsUIWrapper.jsx'; 

// App component - represents the whole app 
export default class Home extends Component { 
    constructor(props) { 
     super(props); 

     this.state = { 
      hideCompleted: false, 
     }; 
    } 

    render() { 
     const navbarInstance = (
      <Navbar> 
       <Navbar.Header> 
        <Navbar.Brand> 
         <a href="#">React-Bootstrap</a> 
        </Navbar.Brand> 
       </Navbar.Header> 
       <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.4}>Separated link</MenuItem> 
        </NavDropdown> 
       </Nav> 
      </Navbar> 
     ); 

     return (
      <div> 
       {navbarInstance} 

       <div className="container"> 
        <div className="row"> 
         <div className="navbar nav-inline"> 
          <AccountsUIWrapper /> 
         </div> 
        </div> 

        <header> 
         <h1>School Attendance</h1> 
         <h3>Lecturer Report</h3> 
        </header> 

        <h4>This is home</h4> 
       </div> 
      </div> 
     ); 
    } 
}

但我得到了波紋管的錯誤。和there原因和我一樣。

有增加一些進口

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

這樣便消失的錯誤，但我得到了這樣的

我要糾正的方式來導航欄添加

來源

2017-07-06 Thilina Sampath

您發佈的鏈接包含解決方案。你嘗試過嗎？ –

你可以發佈你的'家'組件的代碼？看起來Navbar是未定義的，因此您的導入可能有些不正確。 –

@JonB這個解決方案爲railsJs我想流星。 –

的類你在渲染調用沒有定義。

如果您從'react-bootstrap'導入{Button}，您需要導入您計劃在文件中使用的每個組件（即該框架的一部分）。

該解決方案將被加入導航欄，就像這樣：

import { Button, Navbar } from 'react-bootstrap'

也有你納入你的項目引導的風格？ https://react-bootstrap.github.io/getting-started.html

來源

2017-07-06 19:24:22 awade

未捕獲的ReferenceError：導航欄沒有定義

回答

相關問題