107得票10回答
React Router V6 - 错误:useRoutes() 只能在 <Router> 组件的上下文中使用

我已经安装了react-router-dom V6-beta。通过遵循网站上的示例,我可以使用新的选项useRoutes设置页面路由,并在App.js文件中返回它们。保存后,我收到以下错误消息:Error: useRoutes() 只能在组件的上下文中使用。我想知道我是否漏掉了什么? 我已经在...

106得票12回答
如何在react-router v4中获取查询参数

我正在我的项目中使用react-router-dom 4.0.0-beta.6。 我有以下的代码:&lt;Route exact path="/home" component={HomePage}/&gt; 我想在HomePage组件中获取查询参数。 我发现了location.search参数...

98得票1回答
React-Router - Link与Redirect与History的区别

对于这三个方式,存在一些混淆: &lt;Link to='/some/path'&gt; &lt;Redirect to='/some/path'/&gt; history.push('/some/path') 我已使用React/Router一段时间,不同的文章和答案说了不同的用法,...

95得票17回答
React-Router v6:获取当前路由的路径模式

是否有可能获取当前匹配路由的路径模式?例如: &lt;Route path=":state/:city*" element={ &lt;Page /&gt; } /&gt; // Page.jsx function Page() { .....

93得票8回答
Jest,Enzyme:不变式冲突:您不应在<Router>之外使用<Route>或withRouter()。

我有一个 &lt;UserListComponent /&gt;,它输出一个&lt;Contact /&gt;组件和由 &lt;Contacts /&gt; 表示的联系人列表。 问题在于,在对 &lt;UserListComponent /&gt; 进行测试时,当我尝试挂载它时,测试会输出错...

92得票12回答
错误:useHref()只能在<Router>组件的上下文中使用。当我直接将url放置为localhost:3000/experiences时它有效。

我有一个导航栏,每个路由都会呈现出来,当点击时路由会改变。 ./components/navbar.jsximport React, { Component } from 'react'; import '../App.css'; import { Link } from 'react-rou...

88得票25回答
不变量失败:您不应在<Router>之外使用<Route>。

我在我的React应用中使用react-router-dom进行路由。我的某个应用程序已经提取到另一个包中。依赖项列表如下:./app/dashboard/package.json { "dependencies": { "@app/components": "^1.0.0", ...

86得票8回答
React-Router-DOM v6使用useNavigate将值传递给另一个组件

react-router-dom的版本是v6,我在使用Navigate传递值到另一个组件时遇到了问题。 我想将选定的行传递到名为Report的另一页。但是,我不确定是否在使用方法时使用了正确的语法,也不知道如何在Report组件中获取该状态。 Material-ui表格:我正在尝试在onC...

76得票4回答
如何将Material UI的React按钮作为react-router-dom链接使用?

我怎样才能让Material UI的react Button组件像react-router-dom的Link组件一样,在不失去原有样式的情况下更改点击后的路由?import Button from '@material-ui/core/Button'; &lt;Button variant=...

75得票6回答
ReactJS - 使用Redirect组件传递props

如何使用Redirect组件传递属性而不将其暴露在URL中? 类似这样&lt;Redirect to="/order?id=123" /&gt;吗?我正在使用react-router-dom。