Reactjs 使用react引导时组件未定义

我有这样的反应引导代码

import React from 'react'
import { Link } from 'react-router-dom'
import { Navbar, NavbarBrand, NavItem, Nav } from 'react-bootstrap'
import './App.css'
import NavbarToggle from 'react-bootstrap/esm/NavbarToggle'
import Routes from './Routes'
import NavbarCollapse from 'react-bootstrap/esm/NavbarCollapse'
import { LinkContainer } from 'react-router-bootstrap'

function App() {
  return (
    <div className="App container">
      <Navbar fluid collapseOnSelect>
        <Navbar.Header>
          <NavbarBrand>
            <Link to="/">Scratch</Link>
          </NavbarBrand>
          <NavbarToggle />
        </Navbar.Header>
        <NavbarCollapse>
          <Nav pullRight>
            <LinkContainer to="/signup">
              <NavItem>Signup</NavItem>
            </LinkContainer>
            <LinkContainer to="/login">
              <NavItem>Sign</NavItem>
            </LinkContainer>
          </Nav>
        </NavbarCollapse>
      </Navbar>
      <Routes />
    </div>
  )
}

export default App

从“React”导入React
从“react router dom”导入{Link}
从“react bootstrap”导入{Navbar、navbarrand、NavItem、Nav}
导入“./App.css”
从“反应引导/esm/NAVBATOGLE”导入NAVBATOGLE
从“/Routes”导入路由
从“react bootstrap/esm/NavbarCollapse”导入NavbarCollapse
从“react router bootstrap”导入{LinkContainer}
函数App（）{
返回(
划痕
报名
签名
)
}
导出默认应用程序

它发生了错误。错误消息是

错误：元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记了从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入

---

注意：当我省略

Navbar.Header

时，它工作正常。

Navbar.Header

是React引导的。基本上，如果您添加这个组件，它主要会添加到doma

div

，其中包含一个类

navbar header

<div class="navbar-header"></div>

如果你想知道或者想复制它的行为，你可以看看这个答案：或者看看一些过时的引导样式表（在v4之前）

---

如果您有时间更新布局，请在此处查看React bootstrap Nav的更新示例：

我在API文档中看不到任何关于

Navbar.Header

：看起来您可能正在使用React bootstrap 4.5<代码>导航栏。标题在此版本中已删除-。查看以前版本的中断更改列表SO。我应该用什么来代替？