react-router相关内容

基于用户导航在Chrome扩展中更新注入DOM的Reaction组件

我在我的Chrome扩展中有一个简单的Reaction组件作为内容脚本注入到DOM中,运行在一个不是我的网站上。 我要更新(重新呈现)用户在我的Reaction应用注入到的网站上所做的每个导航(URL更改)上的组件。 我认为Reaction路由器应该是这项工作的最佳工具。 然而,它似乎并没有奏效。 我发现了一些相关问题:this、this、this,但这些解决方案都不适合我。 我尝 ..

Reaction Router^6.0.0-Beta.0历史属性删除-在Reaction上下文之外导航

根据Reaction路由器的最新v6.0.0-alpha.5版本,删除了历史道具:https://github.com/ReactTraining/react-router/releases/tag/v6.0.0-alpha.5 移除道具并移开设置责任 向上/向下将监听程序(history.Listen)放入包装器 组件(、等)。现在是一个 受控组件,该组件仅为 应用程序。 使用use ..
发布时间:2022-04-02 16:55:50 其他开发

如何知道某个反应链接组件已被点击

当组件中的被点击时如何捕获?第一次点击该链接时,页面加载正常。但当你再次点击同一链接时,它不会重新加载数据。这是标准结果,因为它仅在状态/属性发生更改时重新呈现,但我希望在重新访问页面时从服务器重新加载新数据。 我尝试过使用componentDidUpdate,但这只是以无限循环结束。我正在寻找一种方法来了解react-router-dom已被使用的时间,并查询服务器以获取最新数 ..
发布时间:2022-04-02 16:54:37 其他开发

错误:useHref()只能在路由器&>组件的上下文中使用

**当我将我的导航栏组件内容直接写入我的路由器组件时。它工作得很好,但当我在NavBar组件中编写该内容时,它会生成以下错误 错误:useHref()只能在组件的上下文中使用。 .** 我正在使用 "react-dom": "^17.0.2", "react-router-dom": "^6.0.0-beta.6", 以下是我的组件.. 我的导航栏组件:- import ..
发布时间:2022-04-02 16:53:13 其他开发

包含useContext钩子会导致子级的useState重置为初始值

我已经在这个问题上挣扎了几天了,所以如果有任何帮助,我将不胜感激。我们有一个全局数据上下文,它包含在层次结构中的几个组件中。我已经复制了我们在下面的基本示例中看到的问题。 您还可以run it on CodeSandbox 问题是Content组件中的childValue在组件每次重新呈现时都被重置为其初始useState值。但当useData上下文位于Routes组件中的链上游时,仅才会 ..
发布时间:2022-04-02 16:43:55 其他开发

此推送(&p;/";)不会将我重定向到主页

我正在尝试将此登录页面重定向到主页,但由于某种原因this.props.history.push('/')没有重定向。我有一个handleSubmit,它应该在我按下登录按钮后运行。我真的不确定发生了什么。按下LOGIN按钮将运行handleSubmit,但它恰好位于this.props.history.push('/')处。如有任何帮助,我们不胜感激。 App.js class Ap ..
发布时间:2022-04-02 16:40:56 前端开发

使用带有异步函数的history.block/回调/异步/等待

我在路线中有一个表单,如果有任何验证错误,它应该不允许用户导航到另一个路线。如果没有验证错误,则允许导航到其他路线。 下面是我当前的代码,onBlock函数不起作用,因为提交然后验证表单的函数是异步的。 FormComponent.js import React, { useState, useEffect, useRef } from "react"; import { Fie ..

错误:[ProxyFacade]不是<;Routing&>组件。<;Routs&>的所有组件子项必须是<;Routing&>或<;React.Fragment&>;

我在Reaction 17中使用&reaction-router-dom";:";6.0.2";,并且我使用的是TypeScrip。我正在尝试添加路线。但出现错误 未捕获错误:[ProxyFacade]不是组件。的所有组件子项必须为或<;反应。碎片&> 我不知道是什么问题。我有什么遗漏的吗? App.tsx import * as React fro ..
发布时间:2022-04-02 16:27:15 其他开发

Reaction-路由器v6窗口.scllTo不起作用

我正在尝试修复Reaction中的滚动问题,当我向下滚动到页面上的某个点,然后导航到另一页时,该页将从与上一页相同的滚动点开始。 以下是我尝试的内容: import { useLocation } from 'react-router' const ScrollToTop: React.FC = () => { const { pathname } = useLocation() ..
发布时间:2022-04-02 16:25:12 其他开发

V6中可选参数的替代方式

在v5中,我们可以将尾随?添加到可选参数的路由中,但像在v6中一样,已经放弃了对相同的支持,那么编写以下代码的替代方法是什么? } /> 推荐答案 在深入研究源代码以了解RRDv6中的路径解析与RRDv5中的路径解析有何不同之后,除了它们不再使用path-to-regex之外什么也没有 ..
发布时间:2022-04-02 16:23:36 其他开发

REACT-RIGHTER V6:使用earParams导航到URL

我使用的是Reaction路由器V6。我想要导航到一个有earParams的URL,但我看不到一种开箱即用的方法。useNavigate允许我通过传入一个字符串导航到URL。useSearchParams允许我在当前页面上设置搜索参数。 我可以使用createSearchParams生成搜索参数,然后将其转换为字符串,并在URL的末尾加上一个中间的?,但这看起来像是一个技巧。 我希望能 ..
发布时间:2022-04-02 16:22:05 前端开发

反应路由器V6-未发现组件不能与动态参数/段塞一起工作?

我已经安装了"react-router-dom": "^6.0.0-beta.0"并创建了一些页面路由。如果页面不存在,则面临Page404/NotFound组件无法工作的问题。由于某种原因,当我使用动态页面/帖子slug时,如果没有具有此ID的页面/帖子,NotFound组件将无法工作。 Reaction路由器内部是否有解决此问题的选项? import { BrowserRouter ..
发布时间:2022-04-02 16:17:02 前端开发