近乎空的反应应用程序中的元素类型错误

Question

我的反应网站收到以下错误：

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

查看NavigationBar的渲染方法。

我在创建应用后添加的唯一代码在 App.js 和 NavigationBar.js 中

App.js 代码 sn-p:

import React from 'react';
import './App.css';
import 'bootstrap/dist/css/bootstrap.min.css';
import NavigationBar from './components/NavigationBar'

function App() {
  return (
    <NavigationBar></NavigationBar>
  );
}

export default App;

从“反应”导入反应； 从 'react-bootstrap' 导入 { Navbar, Nav }

导航栏.js

import React from 'react';
import { Navbar, Nav } from 'react-bootstrap'

class NavigationBar extends React.Component {

    render() {
        return (
        <div>
            <Navbar bg="dark" variant ="dark">
                <Nav className="mr-auto">
                    <Navbar.brand href="#home">Tom Abarbanel</Navbar.brand>
                    <Nav.Link href="#About">About</Nav.Link>
                    <Nav.Link href="#Experience">Experience</Nav.Link>
                    <Nav.Link href="#Skills">Skills</Nav.Link>
                    <Nav.Link href="#Projects">Projects</Nav.Link>
                </Nav>
            </Navbar>
        </div>
        );
    }
     };
    
        export default NavigationBar;

我尝试添加一个渲染方法，虽然我不需要它（没有它我会得到同样的错误），我已经三次检查了我的导出语句。

我不知道我错过了什么。

Answer 1

<Navbar.brand href="#home">Tom Abarbanel</Navbar.brand>

应该是：

<Navbar.Brand href="#home">Tom Abarbanel</Navbar.Brand>