请教：怎么把searchbox放到navbar里面？React-bootstrap

本人新手小白，刚开始学习react-bootstrap，想把search box放到上面的导航栏里。

Search box已经封装为了一个component，我按照下面的这个方式把<Searchbox />放到了nav里面，但是不work。。。郁闷。。报错为Line 12:12:  'Landing' is not defined  react/jsx-no-undef
求问该怎么做呢？
自学太难了。。。求好心人指点！

1. import React from "react";
   
2. import { Navbar, Nav } from "react-bootstrap";
   
3. 
   
4. export default function Navigation() {
   
5.   return (
   
6.     <div>
   
7.       <Navbar className="navigation-bar">
   
8.         <Navbar.Brand style={{ marginLeft: "40px" }} href="/">
   
9.           T E A M 8
   
10.         </Navbar.Brand>
    
11.         <Nav.Item> //这三行去掉后就是图片中的样子，加入后就报错
    
12.           <Searchbox /> //这三行去掉后就是图片中的样子，加入后就报错
    
13.         </Nav.Item> //这三行去掉后就是图片中的样子，加入后就报错
    
14.         <Nav className="ml-auto">
    
15.           <Nav.Link style={{ marginRight: "40px" }} href="/newListing">
    
16.             Create Listing
    
17.           </Nav.Link>
    
18.           <Nav.Link style={{ marginRight: "40px" }} href="/about">
    
19.             About
    
20.           </Nav.Link>
    
21.         </Nav>
    
22.       </Navbar>
    
23.     </div>
    
24.   );
    
25. }

复制代码

补充内容 (2020-10-24 04:17):

谢谢一楼提醒，报错是：
./src/Components/views/Navigation/Navigation.js
  Line 12:12:  'Landing' is not defined  react/jsx-no-undef

Search for the keywords to learn more about each error.

补充内容 (2020-10-24 04:18):
谢谢一楼提醒，报错是：
./src/Components/views/Navigation/Navigation.js
  Line 12:12:  'Searchbox' is not defined  react/jsx-no-undef

Search for the keywords to learn more about each error.

补充内容 (2020-10-24 05:13):
更新：后来发现是忘记了import ==!， import之后出现了新的error：
./src/Components/views/Navigation/Navigation.js
Module not found: Can't resolve './Components/views/Search/Searchbox' in '/Users/joyli...

那你倒是把报错的<Searchbox />里面是什么贴一下呀.

这题我也不会，蹲个解答

谢谢一楼提醒，报错是：
./src/Components/views/Navigation/Navigation.js
  Line 12:12:  'Searchbox' is not defined  react/jsx-no-undef

Search for the keywords to learn more about each error.

cannoli 发表于 2020-10-24 02:33
那你倒是把报错的里面是什么贴一下呀.

谢谢提醒！更新：后来发现是忘记了import ==!， import之后出现了新的error：
./src/Components/views/Navigation/Navigation.js
Module not found: Can't resolve './Components/views/Search/Searchbox' in '...application/client/src/Components/views/Navigation'

matalin 发表于 2020-10-24 05:14
谢谢提醒！更新：后来发现是忘记了import ==!， import之后出现了新的error：
./src/Components/views/N ...

去检查你import <SearchBox>的path.

matalin 发表于 2020-10-24 05:14
谢谢提醒！更新：后来发现是忘记了import ==!， import之后出现了新的error：
./src/Components/views/N ...

不知道为什么，好像bug free了。。。已经成功显示出来了，然而我并不知道是怎么修好的。。。5555555 T.T。。。大概是因为路径没写对的缘故