不使用链接使用React路由器导航
React路由器导航是一个用于构建单页面应用程序（SPA）的库，它允许开发者在React应用中实现页面之间的导航和路由管理。下面是对这个问答内容的完善和全面的答案：
React路由器导航（React Router）是一个用于构建单页面应用程序（SPA）的React库。它提供了一组组件和API，用于管理应用程序的路由和导航。React路由器导航的主要目的是帮助开发者在React应用中实现页面之间的导航和路由管理。
React路由器导航的主要特点和优势包括：
- 声明式路由：React路由器导航使用声明式的方式定义应用程序的路由，开发者可以通过简单的配置来定义不同URL路径与对应组件的关系，而无需手动处理URL变化和页面渲染。
- 嵌套路由：React路由器导航支持嵌套路由，开发者可以将页面划分为多个层级，并为每个层级定义独立的路由配置。这样可以更好地组织和管理应用程序的路由结构。
- 参数传递：React路由器导航支持在路由之间传递参数，开发者可以通过URL参数或者路由状态来传递数据。这样可以方便地实现页面之间的数据共享和通信。
- 导航守卫：React路由器导航提供了导航守卫（Route Guard）功能，开发者可以在路由切换前后执行一些自定义逻辑，例如权限验证、数据加载等。这样可以增强应用程序的安全性和可靠性。
React路由器导航在以下场景中有广泛的应用：
- 单页面应用程序（SPA）：React路由器导航适用于构建单页面应用程序，可以帮助开发者实现页面之间的导航和路由管理。
- 多页面应用程序（MPA）的一部分：React路由器导航也可以用于多页面应用程序的一部分，例如在某个页面中嵌入React组件，并使用React路由器导航管理该组件的路由。
腾讯云提供了一些相关的产品和服务，可以与React路由器导航结合使用，以构建和部署React应用程序。以下是一些推荐的腾讯云产品和产品介绍：
- 腾讯云云服务器（CVM）：腾讯云提供的云服务器可以用于部署React应用程序，并提供稳定的计算资源和网络环境。详情请参考：腾讯云云服务器
- 腾讯云对象存储（COS）：腾讯云提供的对象存储服务可以用于存储React应用程序的静态资源，例如HTML、CSS、JavaScript文件等。详情请参考：腾讯云对象存储
- 腾讯云内容分发网络（CDN）：腾讯云提供的内容分发网络可以加速React应用程序的访问速度，提供更好的用户体验。详情请参考：腾讯云内容分发网络
请注意，以上推荐的腾讯云产品仅作为参考，具体选择和使用需根据实际需求进行评估和决策。
相关·内容
查看，react路由器似乎很容易使用，但是我找不到如何在代码中导航，因为我想点击div而不使用<Link>。
我搜索了StackOverflow，但没有找到任何适用于4.0的答案。试图导入browserHistory会给出未定义的(在安装“Reacti-路由器”之前和之后，以及在“router”安装之后)从获得。
import { browserHistory } from 'react-router';
console.log('browserHistory:', browserHistory);
我还看到有一个“上下文”可以到达，但这显示了“匹配
浏览 6提问于2017-03-28得票数 4
回答已采纳
1回答
我有一个问题，导航阻塞在反应。
我使用React + Redux和React路由器。我一直在使用该组件，以防止在React中不完整的形式进行导航。只要导航在实际的反应范围内，它就能正常工作。但是，它没有阻止的是通过URL条目导航，或者单击外部超链接。
在React中是否有一种处理外部超链接和阻止React外部导航的公认方法？
浏览 3提问于2017-10-03得票数 4
回答已采纳
Grommet Anchor 'tag‘属性类型期望'string'，因此使用react router中的Link创建一个控制台警告。除了警告，一切都很好。
警告:错误的道具类型:无效的支柱tag类型function提供给Anchor，预期string。
代码：
import {Link} from 'react-router-dom';
...
<Anchor key={route.key} tag={Link} to={route.path} children={route.mainMenuLabel}/>
文件上说：
标记{s
浏览 5提问于2017-10-17得票数 1
回答已采纳
html标签"/href“和react路由器提供的导航页面的navlink有什么区别？我可以使用这两种方法来导航到不同的URL页面，那么为什么需要引入Navlink或Link呢？
浏览 1提问于2018-12-20得票数 4
回答已采纳
更新
反应-导航web支持是做的。下面是：
原产地
我尝试在react本地和web之间共享我的代码。当我尝试反应-本土化的网站，它的工作很好。但是只有一个问题，如何从URL访问特定的屏幕？我读过反应导航文档，什么都没看。反应-路由器-本机可以捕获网址，但它有导航喜欢StackNavigator/DrawerNavigator。对此有什么想法？
浏览 0提问于2018-03-09得票数 27
我有一个react路由器应用程序，它有这样一个简单的导航：
React.DOM.ul(
{className: 'navigation'},
React.DOM.li(
{},
React.createElement(
Link,
{to: '/', activeClassName: 'active'},
React.DOM.i({className: 'fa fa-tachometer'}),
浏览 17提问于2017-02-20得票数 0
回答已采纳
1回答
我用的是react路由器v4
如何有效地测量(通过导航定时performance.mark和performance.measure)用户从链接上的单击事件到他导航到更新/呈现的路径所需的时间？
浏览 0提问于2018-03-21得票数 2
回答已采纳
1回答
我在努力学习反应。该示例项目设计为React 0.13.3和react路由器0.13.3。我使用的是react 15.4.1和react路由器3.0.0
示例项目在允许用户导航到页面之前使用willTransitionTo进行简单的确认。以下是代码：
var About = React.createClass({
statics: {
willTransitionTo: function(transition, params, query, callback) {
if (!confirm('Are you sure you want to read a pag
浏览 3提问于2016-12-09得票数 0
回答已采纳
我正在实验在一个角度应用程序中的react。我目前正在使用加载反应组件在我的角度应用程序。
我正在使用作为我的应用程序的一部分。我创建了另一个部分，并希望使用反应路由器以及。不幸的是，我遇到了问题，唯一能工作并被识别的路由器是我访问的第一个路由器。这是我观察到的。
当我的应用程序加载主页时，两个路由器都会加载。我怎么知道？我向路由器对象添加了一个属性，并在路由器创建的文件中添加了console.logged属性。
如果我先访问路由器A，路由器A工作！当我使用路由器B访问页面时，路由器B似乎不被识别，也无法工作，我收到了错误“警告:react路由器位置”"/RouteB“与任何路
浏览 4提问于2017-10-12得票数 0
我在Main组件中有以下内容；
<Routes>
<Route path="/forum/*" element={<Forum />} />
</Routes>
在Forum组件中
<Routes>
<Route path=":topicName" element={<QuestionFeed />} />
</Routes>
当我第一次导航到/forum/programming时，路由器会像预期的那样呈现。但单击Link后，只有URL更新和组件不重新
浏览 6提问于2021-12-28得票数 0
回答已采纳
react-router链接到指定历史记录具有以下属性：
history.length -历史堆栈中的条目数
history.location -当前位置(见下文)？
history.action -当前导航操作(见下文)
但是来自react路由器的browserHistory没有这些属性.这是故意的吗？据我所知，这种区别并没有记录在案。
浏览 1提问于2016-11-22得票数 0
回答已采纳
4回答
当我导航和刷新浏览器窗口时，我如何设置restore路由器6来恢复滚动位置？
Router 5有一个，但是我在中找不到任何关于滚动的东西，所以我想您应该自己用另一个包来处理这个问题。很公平，但我找不到任何与React路由器6兼容的东西。
包和需要v5。(oaf-react路由器确实列出了它支持v6的列表，但是与v6不兼容，仍然是开放的。)
Gatsby和Next.js支持滚动恢复，但我看上去不像有一个打包整齐的包，您可以直接使用。
这个小做我想做的事。在来回导航并刷新浏览器窗口时，将恢复滚动位置。
这里是，滚动位置没有保存和恢复，而是在页面之间实际重用。通常的解决方法是，每当页面被导航时，滚动
浏览 35提问于2022-01-27得票数 5
回答已采纳
我使用HashRouter。假设我想导航到http://localhost:8089/abc/#/home，我可以使用window.history.pushState({}, '', 'http://localhost:8089/abc/#/home')来完成。
我的问题是如何使用react-router的<Link>接口来做同样的导航。我试过<Link to="/#/home">，它不工作。
问题2:我得到了一个url http://localhost:8089/abc/#/app1，我想导航到http://localh
浏览 1提问于2020-02-24得票数 1
我想要的是保护特定的屏幕，用户可以在其中运行特定的操作，并且只有在这时才将用户重定向到登录屏幕，如果用户成功地通过身份验证，请将他重定向到停止流的位置。
我们可以在React (使用react路由器)中这样做，所以我想知道它是否能够为react本机(使用react导航)实现类似的解决方案：
用React路由器响应JS方法
function RequireAuth({ children }) {
const { authed } = useAuth();
const location = useLocation();
return authed === true ? (
c
浏览 2提问于2022-05-02得票数 3
32回答
我在react with routing中更改视图时遇到问题。我只想显示一个用户列表，单击每个用户应该导航到一个详细信息页面。这是路由器：
import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter } from 'react-router-dom';
import Users from "./components/Users";
import { Router, Route } from "react-router
浏览 13提问于2017-04-12得票数 118
解出的答案在以下
我正在构建一个在代码框上反应的web应用程序。我有两个导航组件，两个功能组件，一个是页眉，另一个在页脚。我使用一个开关来显示页眉和页脚之间的不同页面。
导航更改了URL，开关显示了正确的页面，唯一的问题是这些更改没有更新浏览器的历史记录，或者覆盖它吗？我也不知道。
我已经尝试过在一个按钮中编写代码来调用这样一个函数：
history.goBack();
它的工作原理是应该的，但浏览器按钮不工作。当我使用导航菜单导航时，页面会改变，但浏览器的后退按钮仍然是“灰色”/“不可点击”。
因此，问题是:如何使浏览器导航(浏览器的前进和后退按钮)工作？我了解到BrowserHistory
浏览 2提问于2020-10-09得票数 0
1回答
如何使用Navlink
、、、
我使用Navlink导航新路径，但例如:我的路径是"/home“，当我单击"/news”链接时，我的路径更改为"/home/news“，”我想要这条路径“/新闻/我使用Navlink”react路由器-dom“。
<NavLink
key={getKeyEleman()}
className="navMenuItem"
style={{ color: item.color || "var(--warmGrey)" }}
浏览 1提问于2022-04-04得票数 0
回答已采纳
我正在开发使用ReactJS、Redux、Redux的单页web应用程序，导航链接是使用react路由器创建的。
如何通过使用react按键盘选项卡键来集中路由器(导航)链接和组件之间的焦点？
浏览 1提问于2017-12-12得票数 1
回答已采纳
1回答
在我的React应用程序中，我试图添加一个在新浏览器窗口中打开的导航菜单项。我知道这似乎是一种奇怪的方法，因为如果它带您到一个新窗口，它并不完全是导航。但目标是让菜单选项与其他导航栏一起出现在应用程序的所有页面上。
我目前使用的反应-引导的纳威与反应-路由器-引导LinkContainers在里面。我尝试使用Nav.Link和NavItem (分别)和target="_blank“，但都没有打开新窗口中的页面。
import React, { Component } from 'react';
import Navbar from 'react-bootstra
浏览 5提问于2020-04-28得票数 0
我们正在用dotnet编写一个带有Razor视图(纯后端堆栈)的项目。我们的计划是将每个视图移动到React，使用react-router-dom来处理客户机和服务器中的路由。
我们的想法是一页一页地移动，不要做大爆炸，因为这个项目已经在生产中了。
客户端路由器
import { Router } from 'react-router-dom'
import { createBrowserHistory, History } from 'history'
const history: History = createBrowserHistory({ basen
浏览 0提问于2019-08-08得票数 5
回答已采纳
1回答
我有一个react项目。我使用react路由器dom设置路由。现在我使用Link来导航页面，但是Link不会重新加载页面或组件。所以我使用了默认的html锚标签。它确实可以在本地主机上运行，但当我在服务器上上传时，它显示找不到页面。有什么办法可以解决这个问题吗？
浏览 1提问于2021-10-09得票数 0
App.js‘’
import './App.css';
import { BrowserRouter,Routes,Router,Route,Link } from "react-router-dom";
import React, { Component } from 'react'
import NavBar from './components/NavBar';
import News from './components/News';
export default class App extends C
浏览 8提问于2022-07-21得票数 0
1回答
物化导航条链接条件呈现
、、、
我正在使用React，物化和反应路由器Dom。我试图只显示到经过身份验证的用户的导航链接，所以我使用了条件呈现。但是如果我像下面这样做，导航链接是垂直的，而不是像往常一样是水平的。有解决办法吗？谢谢
<Navbar>
{isAuthenticated && (
<>
<NavLink to="/locations" href="/locations">
Locations
</NavLink>
<NavLink
浏览 5提问于2020-10-01得票数 0
回答已采纳
假设我们显示一个下拉列表，在选择时，用户通过react路由器导航到不同的子页面。如何使用react路由器恢复页面重新加载时的下拉选择？只有在Project组件中才能访问projectNumber参数。在其他一些项目中，我通过从子组件将路由参数写回上下文或redux存储来解决这个问题，但这显然不是一个很好的解决方案，不是吗？
export const Projects: React.FC = () => {
const { data, loading, error } = useSomeData()
const history = useHistory()
con
浏览 5提问于2020-02-17得票数 0
1回答
我制作了一个简单的应用程序链接。
对于导航，我使用了react路由器-dom库。
它工作得很好，但我怀疑当我们进入应用程序并单击指令时，它工作得很好，现在尝试这个链接 --这会导致错误，很明显，由于应用程序还没有加载，会发生错误！
如果是的话，如何解决这个问题/问题。如何直接显示？
我的反应导航代码
import { Router, Route} from "react-router-dom";
import history from './history.js';
<Router history={history}>
浏览 0提问于2019-04-29得票数 1
1回答
Nav菜单活动元素和状态管理问题
、、、、
我试图为当前页面显示一个活动的<Nav.Link>元素，但是当我在页面之间切换到默认值时，它会不断地被重置。每个链接都指向我在React中定义的不同的路由-路由器。我试图使用jotai进行状态管理，以存储当前页面的值，但无法获得要显示的正确值。
例如，下面的代码有用于显示导航中主动选择的药片。我希望能够做到这一点，即使当我去一个不同的网页，因为这是导航菜单。
import Nav from 'react-bootstrap/Nav';
function TabsExample() {
return (
<Nav variant="pill
浏览 10提问于2022-11-09得票数 2
回答已采纳
我正在使用Vue JS 3和Vue路由器。我有一个公司区域的应用程序，使用一个动态companyId参数的路线。例如。Myapp.com/ 46 /任务，其中46是companyId。当我导航到公司区域的不同分区时，一切都很好。但是，如果我在任何页面上显示一个路由器链接，并且该路由器链接依赖于companyId参数，如果我试图在公司区域以外的任何地方导航，这不需要companyId，则路由器链接的反应性会抛出一个错误，导航不会发生。如果我位于上面提到的路线上，并且我试图导航到
<router-link v-if="session.availableAccounts.length
浏览 2提问于2022-05-17得票数 1
2回答
React路由器中的多个可选参数
、、、、
我使用的是React路由器v5。
我遇到了需要支持以下用例的情况。
我已经获得了通过/project/1234访问的React组件。但是，我还需要通过/project/1234/hello和/project/1234/goodbye.访问这个相同的React组件，所有这三条路由都需要导航到相同的React组件。
下面的代码不起作用，因为据我理解，如果我导航到/project/1234/goodbye，react路由器将把它解释为我将“再见”解释为:hello param的值，所以如果我使用react路由器的useParams()钩子本身以编程方式询问param，我将得到错误的param值。
&
浏览 3提问于2021-03-16得票数 6
回答已采纳
1回答
所以在我的应用程序中，我有一个登录组件和一个身份验证组件。最后一种方法适用于QR代码授权等。
由于程序包“node”现在已被废弃，所以我更改为"sass“NPM包。我不得不升级的“反应路由器”和“反应路由器-多姆”以及他们的最新版本(6.)。
下面是我的依赖关系：
"dependencies": {
"@material-ui/core": "^4.11.0",
"@material-ui/icons": "^4.9.1",
"@material-ui/lab":
浏览 2提问于2021-11-16得票数 0
在使用从post请求返回的数据发出post请求后，我希望导航到react路由。使用最新的react路由器的正确方法是什么？
import {Router} from react-router
.....
.....
fetch(post_request).then(function(response){
return response.json()
}).then(function(response){
this.props.router.push('/new/information/' + response)
})
然而，这会给我一个错误，告诉我路由器没
浏览 5提问于2016-10-10得票数 0
在react路由器3中，包括一种在组件之外导航方法。React router 4似乎已经放弃了对此的支持，在组件外部导航的唯一方法是在组件上执行操作，并将历史记录转发到您需要的任何位置。
就我个人而言，我发现这是不切实际的，并导致更多的纠缠和冗长的代码。因此，我的问题是:我是否错过了如何导航外部组件的替代方法？
浏览 2提问于2017-04-13得票数 2
我曾经历过几个类似的问题，但找不到有用的东西。我试图从react路由器引入BrowserRouter，但它说：
模块‘./节点_模块/@类型/反应-路由器’‘没有导出成员'BrowserRouter’
根据这里的另一个类似问题，我安装了npm的@type/ dev和@type/dev路由器，但将其保存为dev依赖项。它们已经在我的package.json中了，但作为常规的依赖项。在此之前，他们在做“反应”的进口反应时，也给出了类似的问题。它会说，这些模块是找不到的，同样的路由器。然后，当我安装时，这些错误消失了，但是BrowserRouter开始显示这个错误。我也试过“反应-路由器-多
浏览 0提问于2019-09-11得票数 4
回答已采纳
2回答
目前，我正在开发一个集成了react-navigation、、Redux、和的应用程序，但我想不出如何正确地做到这一点：
我必须使用底部选项卡导航栏，这是我从react获得的-本机-材料-底部-选项卡，现在，我有一个连接视图，以及显示导航栏与redux路由器之间导航的视图。
有一个配置文件视图，其中一些子视图显示在一个底部栏导航视图中，我无法知道如何为这些视图设置导航，因为它们位于当前redux导航中的底部导航类中，而不是它包含的视图中.
我尝试了不同的东西，比如配置文件视图中的本地导航器，但是我不能通过将它传递给本地导航器来使用我的redux存储.
现在的架构是AppNavigator包含{
浏览 0提问于2018-06-25得票数 0
我有这个基本的React，一旦我从react-native-router-flux导入任何东西，它就无法编译。它抛出未找到的模块:无法解析@react导航/核心
如果我取消评论行import { Router, Scene } from "react-native-router-flux";，一切都很好。我也手动做了npm install @react-navigation/core，但是没有用
import React from "react";
import { Router, Scene } from "react-native-router-fl
浏览 2提问于2021-11-12得票数 0
回答已采纳
1回答
我正在使用mobx来保存我的登录状态。登录后，使用react路由器导航到新的路由会强制我的商店重置并注销。我做错了什么？ https://codesandbox.io/s/staging-cache-k7c8c?file=/src/App.js
浏览 22提问于2020-06-22得票数 0
当我的导航栏加载时，我收到了上面的警告，我完全不知所措，但我感觉我遗漏了一些明显的东西。
我使用了react (15.0.2)、react-router(2.0.0)、react-stormpath (1.1.0)、stormpath (0.16.0)
导航栏组件：
<nav className="navbar navbar-default navbar-fixed-top" >
<div className="container">
<div id="navbar-collapse" cla
浏览 3提问于2016-05-18得票数 0
我使用的是react 15和react-路由器4。容器与react路由器连接，url参数在每个请求上都会发生变化，然后在Sidebar组件中更新currentUrl支柱。这是在Sidebar.js上本地捕获的，并存储在本地状态(这对于更多的操作是必要的)。但是，在初始呈现时只调用几次componentWillReceiveProps()，如果用户在之后导航，则不会触发。
Container.js
class Container extends React.Component {
render() {
const { match: { url } } = this.pr
浏览 3提问于2018-02-06得票数 1
1回答
我在导航到结帐页面时遇到了麻烦。每当我点击应用程序中的篮子图标时，我可以看到URL正在改变，但是页面没有变化，我总是必须刷新页面才能进行导航，我也不知道为什么。
这是我的App.js代码：
import React from "react";
import './App.css';
import Header from './Header';
import Home from "./Home";
import { BrowserRouter as Router, Switch, Route}
from "react-rou
浏览 7提问于2022-11-08得票数 1
回答已采纳
1回答
我有一个组件，它现在有一个支柱，您可以在其中添加要链接的页面。
这很好，但我想添加一个名为“type”的新道具，这样按钮就可以链接到另一个页面(就像现在一样)，或者执行onclick事件.例如，单击时执行一个函数。
以下是当前代码：
import React, { Component } from 'react';
import { Link } from 'react-router-dom';
class Button extends Component {
render() {
return (
<div>
浏览 8提问于2017-04-24得票数 1
回答已采纳
请帮助我处理这个试图导入错误的错误：“导航”不是从‘react路由器-dom’导出的-路由器-dom版本是4.1.1，请不要告诉我如何更新到5v或v6，因为在这个版本中，我面临许多错误，所以请告诉我如何在4.1.1版本的help路由器-dom中修复这个错误：‘导航’不是从‘react路由器-dom’导出的。您还可以看到错误的img。
我这里的代码
import { Navigate, useLocation } from "react-router-dom";
import { useAppSelector } from "../app/hooks";
浏览 2提问于2022-07-29得票数 0
回答已采纳
问题
我们有我们的网站https://website.com，我们正在尝试部署一个反应路由器应用程序到https://website.com/react-app。如果用户首先导航到https://website.com/react-app，然后从那里导航应用程序，则路由工作正常。然而，如果有人直接导航到https://website.com/react-app/home (或通过书签)，他们会得到404，即使/home是我们的路线之一。
我们试过什么
在我们的package.json中，我们有"homepage": "/react-app/"集。使用Browse
浏览 1提问于2021-08-30得票数 0
2回答
我是新的反应，我正在使用Traversy速成课程和关于反应路由器6+的额外视频。
我的路线就像
import { BrowserRouter as Router, Route, Routes } from 'react-router-dom'
return (
<div className="container">
<Router>
<Header
title='sikyona'
onAdd={()=> setShowAddtask(!s
浏览 4提问于2022-09-23得票数 1
回答已采纳
我正在使用react-router v5，我想升级到v6。有一个问题:我有许多组件，并在其中使用useHistory，但我不想一个一个地将它们更改为useNavigate，而不是编写一个助手函数，用于在react路由器v6中导航(历史)，然后使用该辅助器(包装)函数。
问题是:如何在react路由器useNavigate中为v6编写辅助函数？
谢谢你的帮助!
浏览 12提问于2022-10-17得票数 0
1回答
我正在构建一个react页面，所以我将页面部分划分为组件。但是我的导航条并没有重定向到组件部分。我正在使用react路由器@6，谁能建议我如何使导航条一致地检测到路由的变化呢？谢谢!
App.js
import React from "react";
import Navbar from "./Component/Navbar";
import Gallary from "./Component/Gallary";
import { BrowserRouter, Routes, Route } from "react-router-dom
浏览 0提问于2022-08-21得票数 2
1回答
我试图用表单创建多个页面。当我从一个页面导航到另一个页面时，我希望自动保存用户填充的数据(让我们说，处于该组件的状态)。注意:用户尚未提交任何内容，也没有任何保存按钮来触发任何函数。
用户只是从一个页面与表单组件(例如：)跳到另一个页面与其他表单组件使用反应路由器.我希望用户输入的任何内容都能自动保存。
那能办到吗？当用户返回到上一页时，用户可以从他停止的地方取起吗？因此，在这个示例中，当用户返回到上一个页面(使用react路由器)时，组件本身没有重置或刷新，也没有刷新输入的内容；用户将不必再次进入，从而恢复到他停止的位置。有人说要使用iframes，但我不确定。
当然，所有这些最终都会转到r
浏览 2提问于2019-11-29得票数 1
回答已采纳
我是一个新的反应。我有一种情况，我需要在一些组件中隐藏一些导航栏链接，而在其他组件中，我想要显示它们。实际上一直在使用react路由器V4和typescript。 当涉及到注册和登录页面时，需要隐藏page1和page2链接。 假设我也有一个getstarted页面，当应用程序启动时加载，这里我也想隐藏链接。 显示其余组件中的链接。 如果能帮上忙，我们将不胜感激 路由器代码 import * as React from 'react';
import NavBar from './NavBar';
import SignUp from './SignU
浏览 26提问于2019-04-16得票数 0
回答已采纳
1回答
你好，我是一个入门的反应路由器-v^6.2.2，并产生了基本的来源与创建-反应-应用程序上的模板类型-v4.6.2。
它可以工作，但我的控制台Visual代码中有此错误。
我在activeClassName和NavLink标签上有一个问题。
错误消息：
“类型'{子类:字符串；className:字符串；activeClassName: string；确切: true；to: string；}‘不能分配到键入'IntrinsicAttributes & NavLinkProps & RefAttributes’。在'IntrinsicAttributes
浏览 3提问于2022-03-15得票数 1
2回答
我试图创建一个受保护的路由，并创建了这样一个组件
import {useSelector} from "react-redux";
import {userSelect} from "../../Redux/userSlice";
import {Navigate} from "react-router-dom";
const ProtectedRoute = ({children}) => {
const currentUser = useSelector(userSelect);
if (currentUser.use
浏览 8提问于2022-04-24得票数 0
1回答
我使用react路由器创建了一个简单的react应用程序，有两个路由。如何突出显示激活的路由？我已经尝试了来自stackoverflow和其他来源的所有可能的解决方案。
浏览 0提问于2018-05-02得票数 0
我目前正在使用React来制作一个网站。我的计划是有一个导航栏，其中有按钮可以链接到页面上的另一个组件，例如“关于”部分。我怎样才能用浏览器路由器做到这一点？
谢谢
浏览 1提问于2018-11-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
