javascript - 预期对应的 JSX 结束标记(16:12)
问题描述
所以我得到 <Navbar.Collapse> (16:12) 错误的预期相应 JSX 结束标记,它说 <Navbar.Collapse> 没有结束标记但是有,这是我的代码
import React from 'react'
import { Navbar, Nav, Container, Row } from 'react-bootstrap'
function Header() {
return (
<header>
<Navbar bg="dark" variant="dark" expand="lg" collapseOnSelect>
<Container>
<Navbar.Brand href="#home">React-Bootstrap</Navbar.Brand>
<Navbar.Toggle aria-controls="basic-navbar-nav" />
<Navbar.Collapse id="basic-navbar-nav">
<Nav className="mr-auto">
<Nav.Link href="#home">Home</Nav.Link>
<Nav.Link href="#link">Link</Nav.Link>
</Nav>
</Container>
</Navbar.Collapse>
</Navbar>
</header>
)
}
export default Header
完全错误
Expected corresponding JSX closing tag for <Navbar.Collapse> (16:12)
14 | <Nav.Link href="#link">Link</Nav.Link>
15 | </Nav>
> 16 | </Container>
| ^
17 | </Navbar.Collapse>
18 | </Navbar>
19 | </header>
解决方案
</Navbar.Collapse>
需要在标签 </container>
之前
推荐阅读
- c++ - 为什么在将负整数与无符号整数进行比较时,c++ assert() 会错误地调用 abort()?
- reactjs - WaterMelonDB:如何使用表参数过滤模型?
- java - 从数据库中的字节生成word文档
- flutter - 如何在颤振中将米转换为英里?
- mongodb - 删除数组元素问题
- html - 当我单击锚点以定位元素时,导航栏会阻止内容
- algorithm - 在 Word Snake 游戏问题中找到最长的单词序列
- android - 是否有与软键(导航栏)一起使用的后退、主页和开关的类似键?
- python - 具有不同长度返回的三元运算符
- swift - 在 iOS 上无法接收来自 FCM 的通知