引导导航栏遇到问题

时间:2020-03-21 16:44:01

标签: navbar react-bootstrap

启动我的React应用程序时,发生以下错误:

./ src / components / Navbar.js

{{ substanceList?.totalElements | async }}
>  Line 5:9:  Parsing error: Unexpected token  
>  3 | function Navbar() {  
>  4 |     return {  
>  5 |         <nav className="navbar">  
>    |         ^  
>  6 |         <a className="navbar-home" href="#">Navbar</a>  

1 个答案:

答案 0 :(得分:0)

根据您提供的代码段,我很确定您会收到此错误,因为您将返回用大括号括起来的JSX:

return {
<nav className="navbar navbar-expand-lg navbar-light bg-light">
  ...
</nav>
}

如果将JSX包裹在圆括号中,它应该可以解决此问题:


return (
<nav className="navbar navbar-expand-lg navbar-light bg-light">
  ...
</nav>
)