一亩三分地

 找回密码 注册账号

扫描二维码登录本站

微信公众号
扫码关注公众号
留学申请公众号
扫码关注留学申请公众号
查看: 271|回复: 6
收起左侧

[其他] 请教:怎么把searchbox放到navbar里面?React-bootstrap

[复制链接] |只看干货 |刷题
我的人缘0

升级   37.29%


分享帖子到朋友圈
matalin | 显示全部楼层 |阅读模式
本楼: 👍   0% (0)
 
 
0% (0)   👎
全局: 👍   95% (21)
 
 
4% (1)    👎
本帖最后由 matalin 于 2020-10-24 01:04 编辑

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



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

[JavaScript] 纯文本查看 复制代码
import React from "react";
import { Navbar, Nav } from "react-bootstrap";

export default function Navigation() {
  return (
    <div>
      <Navbar className="navigation-bar">
        <Navbar.Brand style={{ marginLeft: "40px" }} href="/">
          T E A M 8
        </Navbar.Brand>
        <Nav.Item> //这三行去掉后就是图片中的样子,加入后就报错
          <Searchbox /> //这三行去掉后就是图片中的样子,加入后就报错
        </Nav.Item> //这三行去掉后就是图片中的样子,加入后就报错
        <Nav className="ml-auto">
          <Nav.Link style={{ marginRight: "40px" }} href="/newListing">
            Create Listing
          </Nav.Link>
          <Nav.Link style={{ marginRight: "40px" }} href="/about">
            About
          </Nav.Link>
        </Nav>
      </Navbar>
    </div>
  );
}




补充内容 (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...

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册账号

x

评分

参与人数 1大米 +2 收起 理由
14417335 + 2

查看全部评分


上一篇:吐血分享AWS-SAA考试经验 独此一家 教你如何花一份儿钱考六场试
下一篇:GM DA 一轮电话面试
我的人缘0

升级   79%

cannoli 2020-10-24 02:33:09 | 显示全部楼层
本楼: 👍   0% (0)
 
 
0% (0)   👎
全局: 👍   99% (951)
 
 
0% (8)    👎
那你倒是把报错的<Searchbox />里面是什么贴一下呀.

回复

使用道具 举报

我的人缘0

升级   18.29%

Mag2679 2020-10-24 03:23:45 | 显示全部楼层
本楼: 👍   0% (0)
 
 
0% (0)   👎
全局: 👍   90% (745)
 
 
9% (75)    👎
这题我也不会,蹲个解答
回复

使用道具 举报

我的人缘0

升级   37.29%

 楼主| matalin 2020-10-24 04:16:47 | 显示全部楼层
本楼: 👍   0% (0)
 
 
0% (0)   👎
全局: 👍   95% (21)
 
 
4% (1)    👎
谢谢一楼提醒,报错是:
./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.
回复

使用道具 举报

我的人缘0

升级   37.29%

 楼主| matalin 2020-10-24 05:14:20 | 显示全部楼层
本楼: 👍   0% (0)
 
 
0% (0)   👎
全局: 👍   95% (21)
 
 
4% (1)    👎
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'
回复

使用道具 举报

我的人缘0

升级   79%

cannoli 2020-10-24 05:26:37 | 显示全部楼层
本楼: 👍   0% (0)
 
 
0% (0)   👎
全局: 👍   99% (951)
 
 
0% (8)    👎
matalin 发表于 2020-10-24 05:14
谢谢提醒!更新:后来发现是忘记了import ==!, import之后出现了新的error:
./src/Components/views/N ...

去检查你import <SearchBox>的path.
回复

使用道具 举报

我的人缘0

升级   37.29%

 楼主| matalin 2020-10-24 05:44:51 | 显示全部楼层
本楼: 👍   0% (0)
 
 
0% (0)   👎
全局: 👍   95% (21)
 
 
4% (1)    👎
matalin 发表于 2020-10-24 05:14
谢谢提醒!更新:后来发现是忘记了import ==!, import之后出现了新的error:
./src/Components/views/N ...

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

使用道具 举报

您需要登录后才可以回帖 登录 | 注册账号

本版积分规则

隐私提醒:
■拉群请前往同学同事飞友|拉群结伴版块,其他版块拉群,帖子会被自动删除
■论坛不能删帖,为防止被骚扰甚至人肉,不要公开留微信等联系方式,请以论坛私信方式发送。
■特定版块可以超级匿名:https://tools.1point3acres.com/thread
■其他版块匿名方法:http://www.1point3acres.com/bbs/thread-405991-1-1.html

手机版|||一亩三分地

Powered by Discuz! X3

© 2001-2013 Comsenz Inc. Design By HUXTeam

Some icons made by Freepik from flaticon.com

快速回复 返回顶部 返回列表