如何正确配置嵌套路由器(react- router -dom)
嵌套路由器是一种在React应用中使用的路由管理工具，它允许我们在应用中创建多层次的路由结构。通过正确配置嵌套路由器，我们可以实现更灵活和复杂的页面导航和组织。
在React中，使用react-router-dom库来实现路由功能。下面是正确配置嵌套路由器的步骤：
- 安装依赖：首先，确保你的项目中已经安装了react-router-dom库。可以使用npm或者yarn进行安装。
- 安装依赖：首先，确保你的项目中已经安装了react-router-dom库。可以使用npm或者yarn进行安装。
- 导入所需组件：在需要使用嵌套路由器的组件中，导入所需的组件。
- 导入所需组件：在需要使用嵌套路由器的组件中，导入所需的组件。
- 创建路由结构：在组件的render方法中，创建路由结构。可以使用Router、Route和Switch组件来定义路由。
- 创建路由结构：在组件的render方法中，创建路由结构。可以使用Router、Route和Switch组件来定义路由。
- 在上面的例子中，我们定义了三个路由：根路径"/"对应Home组件，"/about"对应About组件，"/products"对应Products组件。
- 嵌套路由：如果需要在某个组件中创建嵌套路由，可以在该组件的render方法中继续定义路由结构。
- 嵌套路由：如果需要在某个组件中创建嵌套路由，可以在该组件的render方法中继续定义路由结构。
- 在上面的例子中，我们在About组件中创建了嵌套路由。"/about"路径对应AboutPage组件，"/about/team"路径对应Team组件，"/about/history"路径对应History组件。
- 导航链接：为了在应用中导航到不同的路由，可以使用Link组件创建导航链接。
- 导航链接：为了在应用中导航到不同的路由，可以使用Link组件创建导航链接。
- 在上面的例子中，我们创建了三个导航链接，分别对应根路径、"/about"和"/products"。
以上就是正确配置嵌套路由器的步骤。通过嵌套路由器，我们可以创建复杂的页面导航和组织结构，提供更好的用户体验。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于图片、视频、文档等各种文件的存储和管理。
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：提供高性能、可扩展的关系型数据库服务，适用于各种规模的应用程序。
- 腾讯云人工智能（AI）：提供丰富的人工智能服务和工具，包括图像识别、语音识别、自然语言处理等。
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助用户快速构建和管理物联网设备和应用。
- 腾讯云区块链（Blockchain）：提供安全、高效的区块链服务，支持多种场景的区块链应用开发和部署。
- 腾讯云音视频处理（VOD）：提供音视频上传、转码、存储、播放等功能，适用于各种音视频处理需求。
- 腾讯云移动开发（Mobile）：提供全面的移动应用开发和运营解决方案，包括移动后端云服务、移动推送、移动分析等。
- 腾讯云网络安全（Security）：提供全面的网络安全服务，包括DDoS防护、Web应用防火墙、安全加速等。
- 腾讯云云原生应用引擎（Tencent Cloud Native Application Engine）：提供全面的云原生应用开发和管理平台，支持容器化部署和自动化运维。
- 腾讯云存储（Cloud Storage）：提供安全、可靠的云端存储服务，适用于各种数据存储和备份需求。
- 腾讯云元宇宙（Metaverse）：提供全面的元宇宙解决方案，包括虚拟现实、增强现实、三维建模等技术和服务。
相关·内容
我有一个问题，从反应路由器c3迁移到反应路由器v4.我不知道如何正确配置它。
我要进口这个：
import { Route, IndexRoute} from 'react-router';
import { BrowserRouter } from "react-router-dom";
然后，我将路由器设置为render：
<BrowserRouter>
<Route path="/" component={Template}>
<Index
浏览 0提问于2018-05-07得票数 1
回答已采纳
我有一个bootstrap+react主题，它使用react路由器1.x和hashHistory，我想删除哈希，所以遵循这个。最初，我试图在拥有1.x版本的时候做到这一点，但我无法做到这一点，所以我决定将react路由器升级到2.x。安装了react-路由器2.x之后，这个应用程序工作了，因为它仍然在使用hashHistory，但是当我用browserHistory替换它时：
它显示了一个灰色的屏幕
应用程序的HTML中只有<noscript data-reactid=".0"></noscript>标记。
React Developer工具
浏览 1提问于2016-05-20得票数 4
我正在尝试从‘react- useHistory -dom’导入路由器，但是，我得到这个错误:导入错误：'useHistory‘不是从'react-router-dom’导出的。
我也检查了其他答案，比如 this，但都没有用。我的package.json看起来像这样
我就是这样使用useHistory的，
import React from 'react';
import { useState, useEffect } from 'react';
import { useHistory } from 'react-router
浏览 81提问于2021-09-19得票数 4
在从es2015升级到第207版后，我的browserHistory.goBack都停止工作了。
在尝试了网上发现的几乎任何东西之后，我仍然无法让它发挥作用。
代码：
import { goBack } from 'react-router-redux'
let Popup = () => {
<a onClick={ goBack }></a>
}
与browserHistory.goBack的工作原理完全相同。相反，goBack什么也不做。
<Provider store={store}>
<Ro
浏览 1提问于2017-03-21得票数 2
据我理解：
"“
数据路由器(如createBrowserRouter)不允许包装包含组件的jsx中的“所有”路由。见示例
示例:非数据路由器
<Router>
<header>
<Link to="/">Home</Link>
</header>
<Routes>
<Route...>
<Route...>
</Routes>
</Router>
示例:数据路由器(抛出错误)
const ro
浏览 13提问于2022-10-23得票数 1
回答已采纳
1回答
我试图使用反应路由器v5。下面是我正在尝试使用的App.js文件BrowserRouter。
import React, {Component} from 'react';
import {BrowserRouter as Router, Switch, Route, Link} from 'react-
router-dom';
import Navbar from './components/Navbar';
import Home from './components/home/Home';
import Projec
浏览 1提问于2019-05-10得票数 0
6回答
我正在探索react js路由，但我得到了一个错误：
从“React”导入react；prop类型失败:为Router提供的prop children无效。
react-路由器位置"/“与任何路由都不匹配
import ReactDOM from 'react-dom';
import { Router, Route, Link, browserHistory, IndexRoute } from 'react-router'
class App extends React.Component {
render() {
return (
浏览 28提问于2017-01-16得票数 0
在React-路由器中，我看到它已经从react-router-dom导入了Route和Router模块。我想知道这两个模块有什么不同？
浏览 2提问于2017-05-13得票数 7
1回答
我想在仪表板内做一个不同的页眉&页脚，但是它仍然不能工作，如何使它工作--它只在路由器本身内工作
这是我的代码：
<Router>
<Routes>
<Route path="/" >
<Header />
<Route index element={<><Hero /><HomeAbout /> <Slider /> </>} />
<Route exact path=&#
浏览 13提问于2022-04-11得票数 0
回答已采纳
因此，我最初创建了一个只要我点击导航菜单项就可以平滑滚动的网站，但现在我希望我的按钮链接到其他页面，以显示更多信息。 我的问题是我的样式组件，我不得不从react滚动中导入链接以确保它们工作，但现在这与我的导航按钮冲突，我正试图链接到react路由器 import { Link } from 'react-scroll';
import { Link } from 'react-router-dom'; 我希望我的导航链接有反应滚动 export const NavLinks = styled(Link)`` 但是我想让我的按钮在另一个div中的nav中
浏览 25提问于2020-10-01得票数 1
我们将迁移到v6.4，并按照docs的建议使用createRoutesFromElements将我们的路由迁移到新的createBrowserRouter路由器。
我们的设置如下所示
const router = createBrowserRouter(
createRoutesFromElements(--> our routes go here <--)
);
root.render(
<React.StrictMode>
<ChakraProvider theme={theme}>
<RouterProvider r
浏览 14提问于2022-10-03得票数 2
回答已采纳
2回答
我有一个应用程序与反应路由器在里面。所有应用程序都由路由器组件包装。
<Router>
<Routes>
<Route path = "/home/" element = { <HomePage />} />
<Route path = "/desk/" element = { <Desk /> ) />
</Routes>
</Router>
在我的桌面组件中，我从另一个包导入--我的外部组件表，它有Link、useL
浏览 2提问于2021-12-26得票数 0
回答已采纳
1回答
由于我的react应用程序bundle.js太大，所以我想按模块拆分它(通过react路由器)
(react，react-路由器4)
应用程序只是端点，我导入应用程序中的每个子应用程序路由器
我们的模块系统是什么样的：
应用程序
--> subApp1
--> subApp2
--> subApp3
我现在如何导入子应用：
// app.js
import { Route, Switch } from 'react-router-dom';
import SubApp1 from '../SubApp1'
import SubApp2 from
浏览 2提问于2017-07-04得票数 0
我试图为我的应用程序实现基本的路由，但被BrowserRouter和路由器之间的区别所困。在我的情况下，路由器工作正常，BrowserRouter路由不正确。
我正在使用一个历史对象。当用户单击一个按钮时，需要将其转到登录页面history.push('/login')
const Routing = () =>
<Router history={history}>
<Switch>
<Route exact path="/" component={Home} />
浏览 4提问于2019-06-26得票数 11
react-路由器v3版本
<Router history={browserHistory}>
<Route path='/' component={Common}>
<IndexRoute component={Home} ></IndexRoute>
<Route path='list(/:id)' component={List}></Route>
<Redirect from='detail' to='list/123'
浏览 1提问于2019-08-01得票数 1
我试图理解使用路由器和在React路由器中切换之间的区别。
但我不明白为什么在下面的示例中使用Switch有效：
import { BrowserRouter, Route, Switch } from 'react-router-dom';
ReactDOM.render(
<React.StrictMode>
<BrowserRouter>
<Switch>
<Route exact path="/" component={App} />
浏览 8提问于2021-02-22得票数 8
3回答
有一个登录组件。我的应用程序入口点是登录页面。成功登录后，移动到主页(仪表板和导航)。成功登录后，显示带有nav组件的主页，dashboard.But导航不起作用。我收到错误消息：
react-路由器位置"/examples“与任何路由都不匹配react-路由器位置"/dashboard”与任何路由都不匹配
我的登录组件是
var React = require('react');
var {Link} = require('react-router');
var Dashboard = require('Dashboard');
浏览 3提问于2016-10-04得票数 3
我正在尝试使用react-路由器- sitemap npm构建一个站点地图，我安装了所有关于反应性路由器-站点地图的npms，并创建了一个sitemap-generator.js文件。我写了以下代码。
router.js：
import React from 'react';
import {
Route
} from "react-router-dom";
function Routes() {
return (
<Route>
<Route exact path="/" />
&
浏览 2提问于2020-02-14得票数 2
1回答
上下文
我正在与一个混合next.js和反应路由器应用程序工作。应用程序的一部分由react路由器(基于散列的)处理，部分由next.js路由器处理。有一些常见的组件使用与当前路由状态相关的钩子(例如useLocation)，如果缺少react路由器提供者包装器，这些组件就会崩溃。
问题
我想要编写一个钩子，返回useLocation (从react路由器-dom)或useRouter (从next.js)，这取决于它是否在当前上下文中检测到了react路由器提供者。
然后，我将在公共组件中使用这个钩子，这样不管它们在哪个上下文中使用，它们都能工作。
有一个类似的解决方案，用于检测是否使用us
浏览 2提问于2022-04-22得票数 1
对于使用NextJS的用户，如何实现与react-router交换机行为相同的行为？
即..。
react-路由器
基页
--- header
-------some sub content
-------<SWITCH>
<Route .. for component 1 />
<Route .. for component 2 />
<Route .. for component 3 />
这是如何通过NextJS实现的？
浏览 2提问于2021-01-05得票数 0
13回答
使用react- ProtectedRoute的新版本6编写路由器的正确方法是什么？我写了这个，但它不是一条路线
const PrivateRoute = ({ component: Component, ...props }) => {
if (!Component) return null;
return props.isAuthenticated
? <Component />
: <Navigate to={props.redirectLink} /> }
export default PrivateRoute;
浏览 9提问于2020-06-15得票数 16
在ES5中使用React-路由器，我有以下代码
var React = require('react');
var Render = require('react-dom').render;
var Router = require('react-router').Router;
var Route = require('react-router').Route;
var hashHistory = Router.hashHistory;
var browserHistory = Router.browserHistory;
v
浏览 1提问于2016-09-15得票数 1
回答已采纳
我尝试从react路由器3.2.6迁移到5.2.1，我也使用了react- router -redux。它与react-router 5x不兼容，似乎我们需要使用connected-react-router 在我的app.tsx import {hashHistory, Router} from "react-router";
import {synchHistoryWithStore} from "react-router-redux";
async function initApp(){
const store = await configur
浏览 16提问于2021-09-24得票数 0
1回答
我得到了反应-路由器类型抄本错误升级后，故事书6.5版。想知道你们中有谁遇到过同样的问题吗？
下面是我的tsconfig.json，我使用的是typescript@3.8.3，一些研究结果说，为了将它升级到版本4(我知道最新的故事书版本react-路由器使用的是上面版本的typescript 4)，但是它会导致迁移错误，而且由于代码库很大，我想知道在这方面是否还有其他的解决方案？
{
"compilerOptions": {
"outDir": "dist",
"sourceMap": true,
&#
浏览 5提问于2022-01-17得票数 1
我部署了我的react js站点。但是它不能通过url加载页面。 它可以加载主页https://cekedu.netlify.app/，当我单击登录时，它会进入登录页面。 但是我不能通过输入url https://cekedu.netlify.app/login直接转到登录页面。 但它在开发中是有效的。 导入React from 'react‘import './css/typicons.min.css’从'react-dom‘导入路由器'./components/ User’import Header from‘./components/ Home Head
浏览 33提问于2020-04-23得票数 1
回答已采纳
我正在尝试用react和webpack来设置路由器，我已经将historyApiFallback: true，添加到webpack配置文件中，然后我只是尝试在没有路由器的情况下正确地在App.js上使用路由器，但是当我添加组件<Router>或任何与其相关的东西时，我没有得到任何渲染。
import React from 'react';
import {
BrowserRouter as Router,
Route,
Link,
} from 'react-router-dom';
const Home = () => <div>
浏览 5提问于2022-02-14得票数 1
11回答
我开始使用反应性路由器v4。我的app.js中有一个简单的导航链接(参见下面的代码)。如果我导航到localhost/vocabulary，路由器会将我重定向到正确的页面。然而，当我按下重新加载(F5)之后(localhost/vocabulary)，所有内容都会消失，浏览器会报告Cannot GET /vocabulary。那件事怎么可能？有人能告诉我如何解决这个问题(正确地重新加载页面)吗？
App.js：
import React from 'react'
import ReactDOM from 'react-dom'
import { BrowserR
浏览 0提问于2017-04-04得票数 106
回答已采纳
2回答
我想知道是否有一种方法可以在反应中嵌套路由，因为Navbar将成为仪表板和属性的父组件。
<Router>
<Routes>
<Route path='/' element={<Home />} />
<Route path='/login' element={<Login />} />
<Route path='/signup' element={<Signup />} />
<div>
&
浏览 2提问于2022-07-22得票数 1
回答已采纳
我想在我的应用程序中使用react- router -dom中的3个东西来实现路由器，即路由、useNavigate和Redirect。但问题是路由和useNavigate在react-router-dom 5.2.0中不可用。因此，为了使用路由和useNavigate，我安装了react-router-dom v6.0.0-alpha.1。但问题是Redirect从react-router-dom v6.0.0-alpha.1中删除了。现在我不明白如何在特定的react-router-dom下使用路由、useNavigate和Redirect
import React, { lazy, Su
浏览 0提问于2021-01-26得票数 1
做我的第一个骨干应用程序，我使用的结构有点
我想知道我把onload代码放在哪里的正确位置，比如设置onclick监听器等等？
我有：
--一个简单的引导带
require.config({
paths: {
jquery: 'libs/jquery/jquery',
underscore: 'libs/underscore/underscore',
backbone: 'libs/backbone/backbone'
}
});
require([
// Load our app module and
浏览 0提问于2013-01-15得票数 3
1回答
我想用jest测试我的组件，但是当我运行它时，我得到的是“Router.js”中的“无法找到模块”--路由器/路由器‘
at Resolver.resolveModule (node_modules/jest-resolve/build/index.js:191:17)
at Object.<anonymous> (node_modules/react-router-dom/Router.js:5:15)`
如果启动开发服务器，我的应用程序就会正常工作。
我在package.json中的jest配置如下：
"jest": {
"testPa
浏览 4提问于2017-10-13得票数 1
回答已采纳
我使用preact-cli创建了一个Preact应用程序，并且需要将react-router-dom添加到我的项目中以进行路由。为了安装路由器库，我如何在不弹出应用程序的情况下向项目添加react路由器？
我见过添加webpack的选项，但这需要退出这个应用程序。
我在项目中将"preact-compat": "^3.19.0",添加到package.json中，但不确定如何添加webpack或导入必要的react路由器导入：
import {BrowserRouter as Router, Route, Switch, NavLink} from 'r
浏览 7提问于2021-11-19得票数 0
回答已采纳
有没有办法将ES6路由器功能与React- extend "withRouter“组件一起使用？
如下所示：
import { withRouter } from 'react-router';
export default class extends withRouter {
...
//Use react router history prop to navigate back a page.
handleSomeEvent() {
this.props.router.goBack();
}
...
}
或者我坚持使用旧的
浏览 7提问于2016-08-02得票数 10
回答已采纳
我将一个页面路由到根目录，但是不管我使用什么js文件，它都显示为一个空白页。不知道出了什么问题，自去年以来还没有使用过react，但看起来他们已经更新了react路由器-dom，所以它不再使用交换机。有人知道正确的语法所以页面出现了吗？以下是这些文件：
WebRoutes.js
import React from "react";
import { Routes, Route } from 'react-router-dom';
import { useNavigate } from "react-router-dom";
// Webpage
浏览 10提问于2022-03-23得票数 1
回答已采纳
1回答
嗨，我是ReactJS的新开发人员。我有一个问题，并想学习如何制定路线的仪表板。我的根组件是App组件，它只调用我页面的仪表板。但是我想在仪表板内部调用不同的组件，如登录、注册等。当我在任何地方使用"Link“时，我如何做到这一点？在这个问题上你能帮我吗？
index.tsx for BrowserRouter
import {BrowserRouter} from "react-router-dom";
const app =<App /> ;
const container = (
<>
<BrowserRouter&
浏览 2提问于2020-05-06得票数 2
1回答
这是一个noob问题。我正在开发一个通用的react应用程序，使用react-同构-starterkit样板()。我会在左边创建一个“固定的”侧边栏，其中包含到右边主容器的一个子页面上呈现的其他页面的链接。这是我的密码：
routes.js
module.exports = (
<Router history={browserHistory}>
<Route path="/" component={Main}>
<Route path='/inbox' component={Inbox
浏览 3提问于2016-06-09得票数 1
回答已采纳
2回答
我正在尝试使用useNavigate钩子，似乎它不起作用，无法确定它需要什么，更多的反应-路由器的版本，我所使用的。react路由器@6.3.0 -- react-router-dom@6.3.0 -- react路由器@6.3.0当前反应-路由器版本。错误: useNavigate只能在路由器组件的上下文中使用
import { BrowserRouter as Router } from 'react-router-dom';
import { useNavigate } from "react-router-dom";
function LandingP
浏览 8提问于2022-04-13得票数 1
3回答
反应-路由器是一个非常糟糕的开端.看似基本的东西不起作用。使用react-路由器2.0.0我的链接组件将URL更新为/about，但我的页面在此之后不会呈现有关组件.
入口点js
var React = require('react');
var ReactDOM = require('react-dom');
var Router = require('react-router').Router;
var Route = require('react-router').Route;
var hashHistory = requi
浏览 0提问于2016-03-05得票数 13
回答已采纳
在这个v5之后，我从React路由器v6迁移到了v6。我想用测试它，但是我的旧单元测试(在中使用模式)停止了工作。
我的React路由器v6应用程序是这样的
const router = createBrowserRouter([
{
path: "/",
element: (
<>
<SiteHeader />
<Outlet />
</>
),
浏览 13提问于2022-11-11得票数 1
回答已采纳
1回答
我有一个使用React路由器v5的React应用程序(尽管我认为这个问题适用于V4、5和6)。
下面是我想做的事情:在App.js中：
<Router>
<Route path='/main' component={Main}/>
<Route path='/admin' component={Admin}/>
</Router>
然后在Main.js，我还有另外两条路线：
const Main=()=> {
return (
<div className=
浏览 11提问于2022-08-10得票数 1
回答已采纳
1回答
在React模块库(项目间共享的库)中的一个组件中，我需要提醒用户注意未保存的更改，这意味着必须在组件卸载之前通知用户。
我已经做了很多研究，唯一可能的方法是使用路由器(使用< Prompt />或setRouteLeaveHook，因为SPA不卸载页面以在页面之间导航)。
由于npm模块并不真正拥有<路由器/>组件(使用这些模块的React项目拥有它)，任何与路由器相关的操作似乎都会产生错误，如下所示：
Error: Invariant failed: You should not use "anything-router-related" outsi
浏览 5提问于2020-11-18得票数 0
1回答
下面是我当前的Reactive路由器实现：
const router = createBrowserRouter([
{
path: "/",
element: (
<Page activeNav="home" >
<Home />
</Page>
)
},
{
path: "/about",
element: (
<Page activeNav="
浏览 10提问于2022-11-14得票数 1
回答已采纳
我是新的反应路由器在这里，我试图使点击食谱在我的'BrowseRecipes‘页面重定向到一个页面专用于该配方。但是，当我单击菜谱时，URL会显示正确的URL /浏览/${recipeID}，但分配给此路径的页面不会呈现。只有包含所有菜谱呈现列表的/browse页面。有人知道为什么吗？
这是我的APP.js
import AddNewRecipe from './components/AddNewRecipe'
import BrowseRecipes from './components/BrowseRecipes'
import { currentS
浏览 6提问于2022-04-18得票数 1
例如，我如何在加载时自动将http://localhost:3000/重定向到http://localhost:3000/dashboard，而不需要任何身份验证控制器或任何类型的逻辑。这只是我运行"npm run start“时的一个简单的重定向。 从React导入react；从react- BrowserRouter -dom导入{react as Router，Route，Switch，Redirect，}； 从“./ history”导入历史记录； 从“./components/ DashboardScreen /DashboardScreen”导入屏幕； class App
浏览 33提问于2021-10-11得票数 0
回答已采纳
我需要在两个路径之间进行路由，我安装了npm install react-router (RES-路由器: 6.2.1和router: 5.2.0)。
我在网页Error: useRoutes() may be used only in the context of a <Router> component.中说了一个错误，这最终意味着我没有用BrowserRouter扭曲我的index.js文件，但是我做了。
代码：index.js
import {BrowserRouter as Router} from "react-router-dom";
ReactD
浏览 46提问于2021-12-20得票数 4
回答已采纳
我看到了一个类似的问题，但不幸的是，我的代码中仍然有一个似乎无法解决的错误：
我的react-router-dom版本是5.2.0，我的react版本是17.0.2。
我正在构建一个更复杂的React应用程序，但我也能够用下面的简单代码复制这个bug。除了<Test />组件之外，我基本上已经从应用程序中剥离了所有内容。
这是我的App.js文件，在这里我使用了React路由器，并且有一个用于'/test'的路由。在这种情况下，我将呈现我的<Test />组件，然后也使用React路由器的<Link />组件。--这是非常好的！下面是我的Ap
浏览 1提问于2021-06-15得票数 1
`
import React from "react";
// import { BrowserRouter as Router, Route, Switch} from "react-router-dom"
import Home from "./Home";
import Header from "./Header";
import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
const App = () =>
浏览 3提问于2022-11-12得票数 1
回答已采纳
5回答
我想使导航从子组件，渲染在路由器-出口。我的父组件有一个路由器配置，我希望在某些事件上手动导航。但是，我不知道如何在没有输出的情况下从子数据传递到父数据(用于导航)。因为这个结构不起作用
<router-outlet (navigateTo)="navigateToMessagePart($event)"></router-outlet>
我怎么才能用正确的方式做这件事？也许是从孩子那里导航的？但我怎么能从孩子那里得到父母的方法。非常感谢您的帮助！
浏览 3提问于2016-06-06得票数 67
回答已采纳
“router”："^17.0.2"，“router”："^17.0.2"，“react路由器-dom”："5.2.0"，
这是我的App.js文件
import React from "react"
import Navbar from "./components/Navbar"
import Main from "./components/Main"
import Details from "./components/Details"
import { BrowserRout
浏览 2提问于2022-01-13得票数 2
回答已采纳
4回答
我正在使用的反应路由器的最新版本。当我在组件中使用路由时，它们并不呈现任何内容，而是当我移除路由并简单地使用组件时，它们工作得很好。无法理解到底出了什么问题
这是不工作的，也没有在"/“或http://localhost:3000/上呈现任何内容。
import React from "react";
import { BrowserRouter as Router, Route, Navigate } from "react-router-dom";
import Users from "./user/pages/Users";
fu
浏览 10提问于2022-06-21得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
