react-router相关内容
我在我的Chrome扩展中有一个简单的Reaction组件作为内容脚本注入到DOM中,运行在一个不是我的网站上。 我要更新(重新呈现)用户在我的Reaction应用注入到的网站上所做的每个导航(URL更改)上的组件。 我认为Reaction路由器应该是这项工作的最佳工具。 然而,它似乎并没有奏效。 我发现了一些相关问题:this、this、this,但这些解决方案都不适合我。 我尝
..
根据Reaction路由器的最新v6.0.0-alpha.5版本,删除了历史道具:https://github.com/ReactTraining/react-router/releases/tag/v6.0.0-alpha.5 移除道具并移开设置责任 向上/向下将监听程序(history.Listen)放入包装器 组件(、等)。现在是一个 受控组件,该组件仅为 应用程序。 使用use
..
当组件中的被点击时如何捕获?第一次点击该链接时,页面加载正常。但当你再次点击同一链接时,它不会重新加载数据。这是标准结果,因为它仅在状态/属性发生更改时重新呈现,但我希望在重新访问页面时从服务器重新加载新数据。 我尝试过使用componentDidUpdate,但这只是以无限循环结束。我正在寻找一种方法来了解react-router-dom已被使用的时间,并查询服务器以获取最新数
..
**当我将我的导航栏组件内容直接写入我的路由器组件时。它工作得很好,但当我在NavBar组件中编写该内容时,它会生成以下错误 错误:useHref()只能在组件的上下文中使用。 .** 我正在使用 "react-dom": "^17.0.2", "react-router-dom": "^6.0.0-beta.6", 以下是我的组件.. 我的导航栏组件:- import
..
我已经在这个问题上挣扎了几天了,所以如果有任何帮助,我将不胜感激。我们有一个全局数据上下文,它包含在层次结构中的几个组件中。我已经复制了我们在下面的基本示例中看到的问题。 您还可以run it on CodeSandbox 问题是Content组件中的childValue在组件每次重新呈现时都被重置为其初始useState值。但当useData上下文位于Routes组件中的链上游时,仅才会
..
我正在尝试将此登录页面重定向到主页,但由于某种原因this.props.history.push('/')没有重定向。我有一个handleSubmit,它应该在我按下登录按钮后运行。我真的不确定发生了什么。按下LOGIN按钮将运行handleSubmit,但它恰好位于this.props.history.push('/')处。如有任何帮助,我们不胜感激。 App.js class Ap
..
我正在使用react-router-dom5.2.0版。我想在URL中添加多个查询参数,但我不确定如何实现。 我的路线如下所示: 我想传递多个查询参数,如... /admin/users?search=hello&page=1&user_role=admin 目前我正在手动执行
..
我尝试在MAP和Protected函数中使用Reaction Routing处理代码; 这是组件的数组; import LoginContainers from "../Containers/LoginContainers/LoginContainers"; import RegisterContainers from "../Containers/RegisterContainers
..
我想了解两种写作方式Reaction的确切区别,即一种使用";render";和另一种使用";子代∝ // With "render" ( // pass the sub-routes
..
我正在使用Reaction路由器v5的Reaction功能组件。我正在使用useParam函数来获取参数。当参数不可用或未定义时,如何设置该参数的默认值。 我的路由器代码 // .... // .... // ....
..
我在路线中有一个表单,如果有任何验证错误,它应该不允许用户导航到另一个路线。如果没有验证错误,则允许导航到其他路线。 下面是我当前的代码,onBlock函数不起作用,因为提交然后验证表单的函数是异步的。 FormComponent.js import React, { useState, useEffect, useRef } from "react"; import { Fie
..
我在Reaction 17中使用&reaction-router-dom";:";6.0.2";,并且我使用的是TypeScrip。我正在尝试添加路线。但出现错误 未捕获错误:[ProxyFacade]不是组件。的所有组件子项必须为或<;反应。碎片&> 我不知道是什么问题。我有什么遗漏的吗? App.tsx import * as React fro
..
我正在尝试修复Reaction中的滚动问题,当我向下滚动到页面上的某个点,然后导航到另一页时,该页将从与上一页相同的滚动点开始。 以下是我尝试的内容: import { useLocation } from 'react-router' const ScrollToTop: React.FC = () => { const { pathname } = useLocation()
..
在v5中,我们可以将尾随?添加到可选参数的路由中,但像在v6中一样,已经放弃了对相同的支持,那么编写以下代码的替代方法是什么? } /> 推荐答案 在深入研究源代码以了解RRDv6中的路径解析与RRDv5中的路径解析有何不同之后,除了它们不再使用path-to-regex之外什么也没有
..
我使用的是Reaction路由器V6。我想要导航到一个有earParams的URL,但我看不到一种开箱即用的方法。useNavigate允许我通过传入一个字符串导航到URL。useSearchParams允许我在当前页面上设置搜索参数。 我可以使用createSearchParams生成搜索参数,然后将其转换为字符串,并在URL的末尾加上一个中间的?,但这看起来像是一个技巧。 我希望能
..
我正在处理一个使用strikingDash模板的项目。在这里,我在从URL更改路由时遇到了一些路由问题。 auth.js import React, { lazy, Suspense } from "react" import { Spin } from "antd" import { Switch, Route, Redirect } from "react-router-dom"
..
有没有可能像大多数社交媒体网站一样 Somesite.com/用户名,但仍有某些路径,如/LOGIN或/SETTINGS ReactDOM.render(
..
我已经安装了"react-router-dom": "^6.0.0-beta.0"并创建了一些页面路由。如果页面不存在,则面临Page404/NotFound组件无法工作的问题。由于某种原因,当我使用动态页面/帖子slug时,如果没有具有此ID的页面/帖子,NotFound组件将无法工作。 Reaction路由器内部是否有解决此问题的选项? import { BrowserRouter
..
我正在学习REACTION,却被困在REACTION-ROUES 考虑以下事项: import React from "react"; import { BrowserRouter, Route, Switch } from "react-router-dom"; import HelloWorld from "./HelloWorld.jsx"; const Root = ()
..
因此我收到一条错误消息-TypeError:无法读取未定义的属性(正在读取‘Params’) TypeError: Cannot read properties of undefined (reading 'params') 5 | import products from '../products' 6 | 7 | function Produc
..