React 引导导航栏需要指导

Question

我正在学习 react bootstrap，我在终端 npm install react-bootstrap bootstrap 中写道。我得到了这个代码： 但它没有显示它，我没有收到任何错误。我究竟做错了什么？

从“react-bootstrap”导入{Container，Nav}；

常量导航栏 = () => { 返回（ <Navbar.Brand href="#home">React-Bootstrap</Navbar.Brand> <Navbar.Toggle aria-controls="basic-navbar-nav" /> <Navbar.Collapse id="basic-navbar-nav"> <Nav.Link href="#home">首页</Nav.Link> <Nav.Link href="#link">链接</Nav.Link> </Navbar.Collapse> ) }

导出默认导航栏

我没有收到任何错误，所以我不知道我做错了什么。

Answer 1

确保将 <Navbar> 组件导入到 App.js 文件中。

import Navbar from 'filelocation'

并在App 组件中创建组件。

const App = () => {
    return (
        <>
            <Navbar/>
        </>
    )
}