React-Router-Bootstrap <LinkContainer>错误:您不应该在<Router> - Gatsby问题之外使用<withRouter(LinkContainer) />？
React-Router-Bootstrap是一个用于React应用程序的库，它结合了React-Router和Bootstrap框架的功能。它提供了一组React组件，用于在应用程序中创建导航链接和路由。
在React-Router-Bootstrap中，<LinkContainer>组件用于将Bootstrap的导航链接与React-Router的路由链接起来。它允许您在导航链接上使用React-Router的功能，例如在用户点击链接时进行路由导航。
然而，根据提供的问答内容，错误是在<Router> - Gatsby问题之外使用<withRouter(LinkContainer) />。这是因为在Gatsby应用程序中，<Router>组件已经被Gatsby自动处理，您不应该在其之外再次使用<withRouter>高阶组件。
解决这个错误的方法是，确保您只在<Router>组件内部使用<withRouter(LinkContainer) />，而不是在其之外。这样可以确保React-Router-Bootstrap与Gatsby应用程序的路由系统正常配合工作。
关于React-Router-Bootstrap的更多信息和使用示例，您可以参考腾讯云的React-Router-Bootstrap产品介绍页面：React-Router-Bootstrap产品介绍。
相关·内容
因此，我使用LinkContainer组件从react路由器-引导包我的Nav.Link组件从引导。请参考下面的图片。// Snippet <FaSho
浏览 2提问于2021-11-24得票数 0
回答已采纳
2回答
我正在使用Sanity和Gatsby.js创建一个项目。我正在使用react-bootstrap创建主题。我对React很陌生，但它似乎指的是一个组件？Gatsby.js会干扰它吗？我不知道从哪里开始:)我遵循了react-router-bootstrap页面的非常简短的文档。这是我当前的code##
import React from "reac
浏览 17提问于2020-02-04得票数 1
首先:我知道关于这个错误已经有几个问题了，但是他们有一个不同的来源(我想)。</Link> </Navbar></BrowserRouter>有什么想法吗？
浏览 1提问于2018-11-30得票数 2
回答已采纳
我发现你不应该在使用受控标签时使用defaultActiveKey，如果我理解正确的话，这就是我在我的导航标题中做的事情。有没有其他方法可以使用activeKey或自动路由到/home来实现这一点？'react-router-bootstrap';import {faHome, faBoxOpen } from &
浏览 1提问于2021-07-08得票数 0
如何使用react-router-bootstrap链接到另一个react组件？我需要先用react-router设置我的路由吗？我不知道如何使用react -router-bootstrap的LinkContainer将NavItem路由到单独的react组件。import ReactRouterBootstrap, { LinkContainer } from 'react-router<
浏览 2提问于2016-12-02得票数 2
回答已采纳
1回答
我的productScreen.js码import { Link } from 'react-router-bootstrap'import { BrowserRouter as Router, Route } from "react-router-dom";
/*import/screens/Hom
浏览 0提问于2021-03-19得票数 0
回答已采纳
5回答
我使用了通常的路由方式，但它不起作用。<LinkContainer></LinkContainer><Route我可以成功地使用按钮上的路由，但nav.links不起作用。有什么想法吗？
浏览 3提问于2019-11-28得票数 2
10回答
我有一些造型问题使用反应路由器和反应引导。下面是代码的一个片段import AuthService from '..
浏览 7提问于2016-02-28得票数 93
回答已采纳
我正在尝试使用来自的“”。但是，当我使用InputGroup.Prepend时，我会看到一个错误：
import { Auth } from "a
浏览 4提问于2019-11-06得票数 1
回答已采纳
我正在制作一个网站，其中我使用react-router-dom的NavLink组件来防止单页应用程序体验的重现。我想要避免这种情况的主要原因是因为我已经使用react- transitions group在页面之间进行了转换。
浏览 3提问于2019-06-06得票数 3
我在互联网上搜索没有成功，因为我不是很确定问题是什么，它来自哪里？Nav, MenuItem,import { Link } from 'react-router-dom
浏览 7提问于2018-02-14得票数 1
回答已采纳
如何使用reactstrap在DropdownItem中添加链接？
我想在下拉菜单中添加一个链接，但我如何添加它，因为在reactstrap文档中我找不到任何相关的东西。
浏览 2提问于2017-11-04得票数 24
2回答
错误呈现-引导组件
、、、
最近，我从在react类中使用twitter引导程序迁移到使用from引导。我想测试一下反应我的代码是：import { Link } from 'react-router'; </Navbar> }然
浏览 1提问于2016-04-21得票数 5
import React from 'react'; return(/components/pages/Contact'; return (
浏览 3提问于2022-02-13得票数 0
1回答
} from 'react-router-bootstrap';
export const MainNavContainer = connect(mapNavToProps,actionCreators)(MainNav);
但问题是，连接并不适用于已经在其下定义了一些路由的导航栏"/signup" component = {SignUpPage}
浏览 2提问于2017-07-27得票数 1
回答已采纳
编辑以显示最小可重现性示例：import React, { useState } from 'react';import { Route, Switch, BrowserRouter } from 'react-router-domvalue);
浏览 6提问于2021-03-05得票数 2
回答已采纳
我有一个应用程序，它在尝试从异步函数内部使用useState钩子时出错。} from "react-router-dom";import { LinkContainer } from"react-router-bootstrap";下面是错误
元素类型无效:应为字符串(对于内置组件)或类
浏览 0提问于2019-10-15得票数 3
import React from 'react'
const navbar = document.getElementById(className='navbar' collapseOnSele
浏览 4提问于2021-09-29得票数 1
回答已采纳
我在前端使用React/Redux编写了一个应用程序，后端使用了.NET Core2.2。这是你典型的SPA应用，我相信我很久以前就开始使用CreateReactApp了。但是，由于某种原因，当我点击F5并得到405个错误时，URL实际上不会加载页面。如果我手动复制URL并将其粘贴到一个新的选项卡中，情况也是一样的。但是，如果我从导航栏中选择它，它就会加载得很好。下面是我在导航栏中选择它的页面(我已经删除了一些信息，因为我不知道我能分享多少应用程序)：
下面是我在导航到导航栏: F5：页面后简单按下该页面时所收到
浏览 0提问于2019-11-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
