为什么React Router中的"exact“关键字给我一个空白页？
React Router是React.js中用于实现路由功能的一个库。在React Router中，"exact"关键字用于精确匹配路由路径，只有当路径完全匹配时才渲染对应的组件。
当"exact"关键字导致一个空白页时，可能是因为以下几个原因：
- 路由路径未配置正确：确保使用了正确的路径进行配置。路径需要与浏览器地址栏中的路径完全匹配。
- 路由路径有重叠：如果有多个路由路径的前缀部分相同，且同时使用了"exact"关键字，可能会导致路径匹配冲突。请检查路由配置中是否存在这种情况。
- 路由组件渲染问题：可能是路由组件未正确渲染导致页面显示空白。请确保路由组件的渲染逻辑正确，没有遗漏任何必要的代码。
综上所述，出现空白页的问题可能是由于路由路径配置错误、路径冲突或路由组件渲染问题所致。建议逐一检查和排除以上可能性，以确保"exact"关键字能够正常工作。
如果你对React Router的使用还有其他疑问，可以参考腾讯云的相关产品React Native: React Router官方文档。
相关·内容
当我使用exact属性时，两个路径都会得到一个空白页面。 import Home from './Home';import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
const App = (plugin-proposal-class-prop
浏览 13提问于2021-04-21得票数 0
2回答
我正面临着一个问题。我正在尝试使用React路由器，但它一直给我显示一个空白页。这是我的代码：import React, {useEffect, useState} from 'react';
return(
浏览 4提问于2022-09-24得票数 0
回答已采纳
我构建了React应用程序npm run build，当我尝试打开build文件夹中的index.html时，它返回一个空白页面。我的导航文件夹： <Switch>
<R
浏览 3提问于2021-01-08得票数 0
2回答
(我使用的是React 类组件)class Routes extends React.Component { return (
<Router>exact path="/review" component={ReviewPa
浏览 3提问于2021-05-13得票数 1
回答已采纳
我尝试使用路由从react-router-dom加载路径，但它只获取"/“路径，它不加载任何其他路径，身份验证逻辑以前工作得很好，但路由似乎什么都不工作，如果我向"/”路径添加任何其他组件，它将开始加载我已经尝试了许多方法，但没有找到任何解决方案，我已经添加了正确的组件，他们在我添加路由之前工作顺利，现在我是一个初学者，这可能是一个简单的修复对你们来说，请帮助我在这里，因为我卡住了，找不到任何解决方案我希望我的问题是清楚的
浏览 55提问于2021-08-24得票数 2
从下面的代码中，当我单击该按钮时，我得到的只是一个空白页面。home.jsimport {useHistory} from "react-router-dom";import {BrowserRouter as Router, Link, Route, Switc
浏览 1提问于2021-03-01得票数 1
我在react应用程序中使用react-router，在启动该应用程序时遇到了一个问题。首先，我得到了一个空白页面，没有任何错误，当我重新加载页面时，我得到了内容。react';import App from '.这就是为什么我需要使用Ro
浏览 25提问于2021-04-03得票数 1
回答已采纳
所以我制作了一个超级简单的react应用程序，我试着使用路由，但是这个： <Router> <Routes/>} /> </React.StrictMode>)
根本不起作用。我<e
浏览 14提问于2022-08-28得票数 1
1回答
我只是在每条路径上得到一个空白页，控制台或任何东西都没有错误。import React, { Component } from 'react';import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
class App ext
浏览 1提问于2020-01-10得票数 0
回答已采纳
1回答
我使用gh-pages在github上部署了我的react js项目。但是，我只看到一个白色的空白页面。我检查了一下，我的页面是index.html...为什么会发生这种情况，以及如何修复它？": "^16.13.1", "react-router-dom": &
浏览 18提问于2020-08-25得票数 0
回答已采纳
2回答
我的路由设置返回一个没有错误的空白页面，唯一显示的是侧菜单。我不知道我做错了什么？import React from "react";import {BrowserRouter as Router, Routes, Route} from 'react-router<
浏览 17提问于2022-02-22得票数 1
回答已采纳
class App extends Component { return ( <div> <Route path="/register" exact strict compon
浏览 0提问于2018-11-29得票数 1
回答已采纳
当使用react router，应用程序中没有rednerr (空白页)时，我的组件不需要路由(代码中有注释)。我不知道为什么会这样。import React from 'react'; BrowserRouter as Router, Route,
} from "
浏览 7提问于2022-05-31得票数 -1
回答已采纳
2回答
我正在尝试开发一个多页面的React，我试着使用Reactive路由器，但是当我点击Save并重新加载该页面时，我得到了一个空白页面。/Home'; return (
<Router
浏览 6提问于2022-09-11得票数 1
回答已采纳
1回答
反应嵌套路由不能正常工作
、、、、
我想将我的应用程序组件路由到下面。as Router, Switch, Route, Redirect } from 'react-router-dom' <Route exact path="/not" com
浏览 2提问于2020-05-10得票数 0
回答已采纳
4回答
如何正确使用路由器内部的路由器
、、、、
我正在努力创建使用“反应路由器-多姆”的路由。默认的"Page1“正在显示：，但当切换到"Page2”或"Page3“时，我将得到一个空白页。import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
func
浏览 4提问于2021-04-11得票数 1
回答已采纳
信息：Stackblitz：
import React, { Component } from 'react';
class App extendsthis.props.id === &
浏览 6提问于2021-10-31得票数 0
1回答
我已经学习了几天，我写了一个简单的项目(单页应用程序)。问题是我的页面没有显示任何东西-这是一个空白页。import './App.css';import { Home } from/components/Wallet&#x
浏览 8提问于2022-04-13得票数 0
回答已采纳
因此，我有一个使用React-Router BrowserRouter在不同组件之间导航的应用程序 代码： return ( <div className="/>} </Route> </div
浏览 104提问于2021-04-27得票数 1
回答已采纳
1回答
下面是我正在尝试使用的App.js文件BrowserRouter。import React, {Component} from 'react';router-dom';
import Navbar from '.path="/" component={Home}
浏览 1提问于2019-05-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
