无法在react路由器中访问我的match.props
在React路由器中，无法直接访问match.props属性。match.props是一个错误的属性名，正确的属性名应该是match.params。
match.params是React路由器中的一个属性，用于获取路由参数。它是一个对象，包含了通过URL传递的参数。可以通过在路由配置中使用<Route path="/path/:paramName" component={Component} />的方式定义参数，然后在组件中通过props.match.params.paramName来获取参数的值。
例如，如果路由配置为<Route path="/user/:id" component={User} />，那么在User组件中可以通过props.match.params.id来获取URL中的id参数的值。
React路由器是一个用于构建单页面应用的库，它可以帮助我们实现页面之间的切换和导航。它提供了一些组件和API，用于定义路由规则、渲染对应的组件以及传递参数等功能。
React路由器的优势在于它的简单易用性和灵活性。它可以根据URL的变化自动匹配对应的路由规则，并渲染相应的组件。同时，它还支持嵌套路由、路由参数、路由守卫等高级功能，可以满足各种复杂的路由需求。
React路由器的应用场景非常广泛，适用于各种类型的单页面应用，包括Web应用、移动应用等。它可以帮助我们构建清晰的页面结构，实现良好的用户导航和交互体验。
腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。这些产品可以帮助开发者快速搭建和部署应用，提供稳定可靠的基础设施支持。
关于React路由器的更多信息，你可以参考腾讯云的文档：React路由器文档。
相关·内容
我使用的是react路由器 Hash路由器而不是BrowserRouter。我必须将我的应用部署在子目录内的服务器根目录上。这样我就可以通过点击www.domain.com/reactapp.来访问我的应用程序
为了达到这个目的，我
1)在package.json目录中添加了主页参数。
2)添加<HashRouter basename={process.env.PUBLIC_URL}>
现在，当我通过点击www.domain.com/reactapp，访问我的网站时，我将被重定向到www.domain.com/#/reactapp/home。
但我希望它被重定向到www.domai
浏览 0提问于2019-03-17得票数 1
4回答
我希望使用react路由器的onEnter处理程序，以便在进入受限路由时提示用户进行身份验证。
到目前为止，我的routes.js文件如下所示：
import React from 'react';
import { Route, IndexRoute } from 'react-router';
export default (
<Route path="/" component={App}>
<IndexRoute component={Landing} /&
浏览 1提问于2016-03-07得票数 39
回答已采纳
我想用localhost访问我的react :3000/?x=10&y=10
但URL对象始终为空
const search = window.location.search;
const params = new URLSearchParams(search);
console.log(params);
URLSearchParams { }
我不需要路由器之类的东西。如何从react中的url访问x和y？
浏览 5提问于2020-02-22得票数 1
回答已采纳
1回答
我试着在heroku上部署我的应用程序，它正常工作。但是当我使用react重新连接脚本构建我的应用程序时，并使用nginx将它部署到我的服务器上。当访问我的应用程序时，它仍然工作正常，但是如果我用contextPath：重新加载页面，它会抛出404错误。您可以在中访问我的应用程序进行测试。我用的是有历史的反应路由器。帮我谢谢
浏览 3提问于2018-11-12得票数 0
回答已采纳
我开始在我的应用程序中使用React，但是似乎有一个又一个的障碍需要解决。我不确定是因为学习曲线，还是依赖关系不准备使用这个新的实现。无论如何..。
在钩子之前，我们使用HOC's连接到一个特定的API，不管它是Redux，等等。在我的例子中，我想访问我的React路由器属性(历史记录，位置)。
通常情况下，这样做和文件的底部一样简单：
export default withRouter(SomeComponent);
但是现在有了钩子，我不知道如何访问这些数据。
我怎样才能使用新的反应钩子从React路由器访问相同类型的数据？
浏览 3提问于2019-05-28得票数 18
回答已采纳
我使用的是react路由器@1.0.0-Rc1，我无法摆脱url末尾的#/?_k=jg0dw5。我看过其他例子，他们告诉我这样做：
var createBrowserHistory = require('history/lib/createBrowserHistory');
var routes = (
<Router createElement={createElement} history={createBrowserHistory()}>
<Route path='/' component={App} />
浏览 2提问于2015-11-10得票数 1
回答已采纳
1回答
我正在使用react路由器版本15.4和react路由器版本2进行项目，我需要使用2实现递归路径，这与这里的示例非常相似。 I目前无法迁移到响应路由器4。是否可以在版本2中实现相同的功能？
浏览 2提问于2018-03-13得票数 0
回答已采纳
1回答
我有一个反应路由器3的设置，很好地工作在嵌套组件。现在，当我试图在react路由器V4中做同样的事情时，我似乎无法让它工作。我读过几篇文章，包括一些文档，但仍然无法让它起作用。我首先在react路由器3中发布我的设置，然后我尝试了什么-路由器4。
React路由器3安装App.js
import { Router, browserHistory } from 'react-router';
import Store from './store';
import routes from './routes';
ReactDOM.render(
浏览 3提问于2017-06-26得票数 1
回答已采纳
我正在尝试使用react-router传递一些URL参数，但我无法访问我传递的参数，页面也无法访问。
下面是我渲染路由器的位置：
import {
BrowserRouter as Router,
Route,
Switch,
HashRouter,
} from "react-router-dom";
window.React = React;
render(
<Router>
<Switch>
<HashRouter>
<Route exact path="/
浏览 16提问于2020-03-01得票数 0
回答已采纳
我正在尝试将我的应用程序从react路由器v3升级到v6 --实际上我安装了react router v6.2.1和ReactiveRouterv6.2，我使用的是类型记录，所以我也安装了@types。@types/react路由器v5.1.18和@types/react router v5.3.3，带有类型记录v3.8。
我发现这两个错误，
无法在节点_模块/react路由器/index.d.ts中找到“LeftSegment”
在node_modules/react-router/index.d.ts中找不到“推断”
浏览 5提问于2022-02-09得票数 0
回答已采纳
请问我怎么解决这个问题？第6:26行:解析错误:标识符‘路由器’已经声明。(6:26)
**
import React from "react";
import Header from "./Header";
import './App.css';
import { Router } from "@material-ui/icons";
import { Switch } from "@material-ui/core";
import { BrowserRouter as Router, Switch, Ro
浏览 2提问于2022-05-19得票数 -2
1回答
我必须对一个项目做一些更改，问题是每当我遇到错误时，我都会尝试使用npm start运行它。错误是：
缺少DLL清单。请运行npm run build:dll
当我运行npm run build:dll时
建立webpack DLL ..。
./~/react中的错误-路由器-滚动/lib/StateStorage.js
模块未找到:错误:无法解析'C:\project\node_modules\react-router-scroll\lib‘中的“历史/库/DOMStateStorage”
@./~/react路由器-滚动/lib/StateStorage.js 5:23-
浏览 0提问于2019-04-08得票数 2
我使用的是react路由器，在这方面，我使用的是hashRouter.现在我必须在我的网站的子目录中部署我的react应用程序。为此，我做到了：
1)在package.json文件中添加主页参数
2)添加<HashRouter basename={process.env.PUBLIC_URL}>
现在，当我访问我的网站网址localhost/react，我将被重定向到http://localhost/#/react/apps/。
但我希望它被重定向到http://localhost/react/#/apps/。
注意：--我必须部署react。
我的产品构建结构：
--- stat
浏览 7提问于2019-03-17得票数 2
3回答
反应路由器-未定义的历史
、、、
我试图使用1.0.0-rc1反应路由器和历史2.0.0-rc1手动导航通过网站后，按下按钮。不幸的是，按下按钮后我得到：
无法读取未定义的属性“pushState”
我的路由器代码：
import React from 'react';
import { Router, Route, Link, browserHistory } from 'react-router'
import AppContainer from './components/AppContainer.jsx';
import MyTab from './com
浏览 8提问于2016-01-04得票数 10
回答已采纳
我试图构建一个非常简单的ReactJS路由器，但是当我访问我的localhost:8080/login URL时，它无法工作。
这是我的App.js文件：
import React from 'react';
import ReactDOM from 'react-dom';
import './styles/style.css';
import { Route, BrowserRouter, Switch } from "react-router-dom";
import Login from "./Pages/Land
浏览 1提问于2021-09-02得票数 0
1回答
我试图不使用: if(window.location)来访问我当前的路由。
我正在编写一个代码，其中已经定义了路由器，并且已经编写了组件。我试图从组件中访问路由器信息，因为我需要根据路由应用一个类名。
下面是路由器的样子：
`export const createRoutes = (dispatch, getState) => ( <Route component={AppLayout} > <Route path="/" component={Home} onEnter={(nextState, replaceState)
浏览 2提问于2016-02-01得票数 0
回答已采纳
1回答
我在我的电脑上安装了subversion和apache。我可以使用下面的url访问我的存储库
http://localhost/svn/repos/
现在，我希望我的组中的其他成员访问我放在存储库中的项目文件。由于这是我第一次使用svn，我寻找解决方案，我想我有点迷路了。
我读过关于路由器中端口转发的文章，所以我打开了路由器接口。我访问了路由器配置的NAT/PAT部分，并添加了一条新规则，其特点如下：
Application: svn
External port:3690
Internal port:80
protocol : TCP
equipment: myPC
并选中"Activ
浏览 13提问于2012-01-22得票数 0
我正在尝试为我的React应用程序使用路由器。我尝试了一段时间前一直在使用的东西，但似乎无法使其运行。React路由器v4中的hashHistory是否已删除/重新格式化？
<Router history={hashHistory}>
<Route path='/' component={MainContainer} />
</Router>
浏览 3提问于2017-09-03得票数 15
回答已采纳
我无法从另一台PC或手机上访问我的wampserver。我认为问题来自我的无线路由器，因为我重置我的路由器默认设置。重置后，我尝试连接我的wampserver，但是我发现我无法从其他个人电脑和手机连接到wampserver。
如何将无线家庭路由器(我的路由器是Dlink dsl)配置为本地主机端口？
浏览 9提问于2016-04-12得票数 1
我正在实验在一个角度应用程序中的react。我目前正在使用加载反应组件在我的角度应用程序。
我正在使用作为我的应用程序的一部分。我创建了另一个部分，并希望使用反应路由器以及。不幸的是，我遇到了问题，唯一能工作并被识别的路由器是我访问的第一个路由器。这是我观察到的。
当我的应用程序加载主页时，两个路由器都会加载。我怎么知道？我向路由器对象添加了一个属性，并在路由器创建的文件中添加了console.logged属性。
如果我先访问路由器A，路由器A工作！当我使用路由器B访问页面时，路由器B似乎不被识别，也无法工作，我收到了错误“警告:react路由器位置”"/RouteB“与任何路
浏览 4提问于2017-10-12得票数 0
1回答
我目前正在使用一个win 7作为网络服务器在我的家里。
我创建了一些共享文件夹，可以轻松地从网络上的任何pc (win和mac计算机)访问。
最近，我决定打开win 7 pptp，从任何地方远程访问我的服务器。问题在于，在我的路由器上，我的服务器ip更改，根据cmd上的ipconfig，我的路由器从一个"PPP适配器RAS (拨号)“中获取ip。
当这种情况发生时，我无法访问我的mac上的lan上的共享文件，但我可以连接到vpn，但又不能访问我的文件。(我尝试从另一个网络连接到vpn，它成功了，甚至文件共享)
有人能帮我吗？
谢谢
浏览 0提问于2011-02-28得票数 0
我从react路由器0.13.x升级到2.0。我注意到，react路由器不再在urls中呈现hashtag。因此，我的路线不再工作时，直接访问。
如果我试图将hashtag直接放置在我的配置中，它就无法与url匹配。我怎样才能得到反应路由器来渲染标签呢？在0.13.x版本中，默认情况下它会这样做。
render((
<Router history={browserHistory}>
<Route path="/" component={App}>
<Route name="foo
浏览 1提问于2016-03-20得票数 0
回答已采纳
React路由器v6.4引入了一种新的带有和的路由API。
在较早版本的Reactive路由器中，可以对使用Reactive路由器定义的路由进行包装，以启用页面转换。当提供位置和键的值时，Framer可以检测是否从组件树中添加或删除一个子元素，以显示开始和退出过渡动画。
反应前的路由器v6.4:
<AnimatePresence exitBeforeEnter>
<Routes location={location} key={location.pathname}>
<Route path="/" element={<HomePa
浏览 5提问于2022-10-25得票数 2
回答已采纳
目前，我正在做一个反应JS课程，但它似乎有点过时的一些事情。目前，我正试图在我的代码中实现React路由器。我得到了错误：
./src/App.js 7:0-51中的错误
未找到模块:错误:无法解决./react路由器-dom‘
虽然当我检查我的package.json和节点模块下的dir路由时，它就在那里。我也尝试使用一个不同的版本，反应路由器，为了使它工作，我也尝试与其他计算机，但它不是。
我试图卸载npm模块并重新安装它们。
我尝试过的其他选择：
npm -路由器-dom npm安装反应-路由器-dom@5.3.4和4.2.2
我正在添加一些屏幕截图，关于它的名称，节点模块和相关信息。
浏览 6提问于2022-10-17得票数 -3
我正在尝试在早午餐/babel设置中使用react-router。在我的app.js中有：
import React from "react"
import ReactDOM from "react-dom"
import { Router, Route, Link } from "react-router"
然而，这使我：
未登录错误:无法从“react路由器/路由器”中找到模块"history/lib/createHashHistory“
在查看引用的行时，我看到：
var _historyLibCreateHashHisto
浏览 2提问于2016-01-16得票数 6
我正在尝试使用React-No-Redux，它是redux，但没有redux包。我会把我的代码放在下面，因为我的问题是我可以访问我的导航栏中的道具，它在路由器之外，但我不能从我的路由器内部的任何组件访问appState。
AppState.js
import React, { Component } from 'react';
export default class AppState extends Component {
constructor(props) {
super(props);
this.state = {
test: '
浏览 0提问于2017-12-08得票数 0
我正在使用React路由器，" react - Router -dom"："^5.1.2“这是根据我的package.json的react路由器版本。 <Link target="_blank" to={{
pathname="/page"
state= {
referrer: 12
}
}} rel='noopener noreferrer' >Page</Link> 所以，当我点击链接时，它打开得很好，没有问题，但当我试图在新的选项卡中打开链接
浏览 19提问于2020-05-03得票数 0
这是我在authReducer中的初始状态。 const initialState = {
token:'',
isLogin: false,
error: {}
};
function AuthReducer(state = initialState, action) {
switch(action.type){
case AUTH_SUCCESS:
return sessionStorage.setItem('token',action.payload),{
浏览 15提问于2019-04-10得票数 1
4回答
我以前的网站只显示主页时，主页选项卡被点击，然后如果你点击我的肚脐品牌，它说404。这个网站用npm开发了一个创建反应应用程序，但是它在这里不起作用，在构建上也不起作用。我不知道这个应用程序出了什么问题，也许路由器的设置搞砸了，我不知道。我已经链接了应用程序和索引页面，我有路由器设置。如果你需要更多的信息，就问我更多的信息。
谢谢
索引
import React from 'react';
import ReactDOM from 'react-dom/client';
import { BrowserRouter } from 'react-route
浏览 22提问于2022-04-23得票数 8
回答已采纳
我有一个bootstrap+react主题，它使用react路由器1.x和hashHistory，我想删除哈希，所以遵循这个。最初，我试图在拥有1.x版本的时候做到这一点，但我无法做到这一点，所以我决定将react路由器升级到2.x。安装了react-路由器2.x之后，这个应用程序工作了，因为它仍然在使用hashHistory，但是当我用browserHistory替换它时：
它显示了一个灰色的屏幕
应用程序的HTML中只有<noscript data-reactid=".0"></noscript>标记。
React Developer工具
浏览 1提问于2016-05-20得票数 4
1回答
反应路由器不工作
、、
我有一个简单的反应-路由器设置。请看我的密码-
它是反应式路由器最基本的设置，但是在浏览器中我无法让它工作-
import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route } from 'react-router';
import IndexContainer from './components/index-container';
import AboutContainer from './components/a
浏览 1提问于2015-12-29得票数 0
回答已采纳
1回答
我有这样的组件结构：
我需要基于两个不同的路由加载在< OtherComponent>，相应的路由从路由器。
我使用："react-router-dom": "^5.1.2"，并看到了一些关于使用IndexRoute和props.children的帖子，但是IndexRoute无法从react路由器-dom中解决，似乎它在版本5中被删除了。
我的路由器(BrowserRouter)如下所示：
<Router basename={process.env.REACT_APP_ROUTER_BASE || '/MyApp'}
浏览 5提问于2019-12-23得票数 1
回答已采纳
我正在尝试将我的应用程序从React 15.6迁移到React 16。目前使用的是React Router v2.8.1，无法编译版本，因为PropTypes出现错误。
TypeError: Cannot read property 'func' of undefined.
我知道在React 16中，PropTypes已经移动到单独的包中。
React路由器v4是否已经支持React 16 (光纤)？我应该更新它吗？
浏览 19提问于2017-07-31得票数 4
4回答
从internet访问应用服务器
、、、、
我让Suse服务器在我的局域网机器localhost上运行，它正在运行Websphere应用服务器。我还在同一台机器上运行一个http。我已经将我的无线路由器配置为在本地主机上的apache上为我的站点打开端口80，并打开端口90来访问我在websheper服务器上运行的应用程序。现在，当我使用默认端口80从互联网访问我的真实ip地址时，我可以看到我的站点。但是当我访问端口90时，我无法访问我的应用程序。我在防火墙上打开了端口90，并在我的路由器上做了正确的端口转发。
有人能帮我弄清楚为什么会这样吗。谢谢你们
浏览 0提问于2011-07-28得票数 -1
我使用的是react路由器v3.2.0，这是我的app.js，错误显示在在线路由器上: PropTypes.object在chrome中，在边缘它显示错误为TypeError:无法获得未定义或空引用的属性'object‘在类AppExtendedReact.Component中，顺便说一句，我是新手
import React, { PropTypes } from 'react';
import { Router } from 'react-router';
import './App.css';
class App extends R
浏览 2提问于2018-01-23得票数 1
回答已采纳
1回答
我在vmware上安装了windows server 2016 AD DC，其中安装了DNS和DHCP，并通过桥接连接到我的家庭netgear路由器。我删除了DC和AD的角色，但没有删除DHCP和DNS的角色，然后从驱动器上删除了整个vmware机器文件，现在我无法访问我的路由器。只有将家庭网络中的每个设备都设置为具有网关192.168.1.1的静态ip地址，我才能连接到互联网。
ping结果:ping 192.168.1.1，32字节数据:请求超时。
我的服务器使用静态ip地址192.168.1.98。
ping结果:使用32字节数据ping 192.168.1.100 :来自192.168
浏览 1提问于2017-10-17得票数 0
我正在学习React.js。我使用的是React路由器版本4.3.1和React路由器dom 4.3.1。
下面给出了我当前的应用程序结构。
<React.Fragment>
{/* sidebar component */}
<SideBar store = {Mystore} />
<div className="main-panel">
{/* navbar component */}
<NavBar store = {Mystore}/>
{/* content component */}
&l
浏览 0提问于2018-11-15得票数 0
我正在尝试使用react路由器和node js服务器来管理react应用程序。
我在react中的路由器：
<BrowserRouter>
<Switch>
<PrivateRoute token={token} Component={Payments} exact path="/payments"/>
<PrivateRoute token={token} Component={User} exact path="/user"/>
浏览 0提问于2018-09-14得票数 6
我的"404未找到页“与React路由器是不工作的。我就是这样使用路由器(V6)的：
<BrowserRouter>
<Routes>
<Route path='*' element={<Notfound/>} />
<Route path="/" element={<Homepage/>} />
<Route path="/home" element={<Homepage/>} />
浏览 1提问于2022-04-17得票数 2
我正在做一个新的react项目，一切都很好，但是现在我无法访问我的开发服务器，我试着运行windows故障排除器，它给了我一些东西。
我不做，问题是，我试图禁用杀毒，甚至允许本地主机在我的杀毒(快速愈合)。
The device or resource (localhost) is not set up to accept connections on port "3000".
与您的网络管理员联系完成
您要访问的计算机或设备是可用的，但它不支持您想要做的事情。这可能是配置问题或设备的限制。
一些我试图解决的问题
禁用防火墙和antivirusA
浏览 3提问于2021-01-04得票数 2
2回答
我是新来的，写信是想问一个关于React路由器的问题。我已经用谷歌搜索了两个多小时，但找不到一个有效的解决方案。
基本上，我正在写一个网站，可以显示文章的列表。在主页上有一个叫做“文章”的按钮。一旦我们点击它，路由器就会工作，并转到"/articles“页面，如下面的代码所示。
文件A：
import React, { Component } from 'react';
import {BrowserRouter, Route, Link, Switch} from 'react-router-dom';
class A extends Compone
浏览 35提问于2018-06-08得票数 0
1回答
上周，我在Google的App上部署了自己的个人网站，从那以后，它已经积累了12美元的账单。但是如果有人真的访问我的网站的话，那就很少了，因为我真的是唯一知道这件事的人。
这是一个基本的React应用程序，它使用Reactive路由器显示三个不同的页面。我无法想象我在应用程序中使用的代码如此复杂以至于导致账单堆积，因为代码是非常基本的。
日志记录显示，在应用程序上不断地完成健康、活性和准备状态检查，这会增加应用程序的成本吗？
我对在云上部署应用程序还比较陌生，我能做些什么来降低部署这个应用程序的成本吗？
浏览 10提问于2022-01-28得票数 0
2回答
在我的办公室网络中，我不知不觉地改变了局域网网络网关的设置。我把我手机的ip地址设置在设置中的一个部分，上面写着..。只有这个ip才能登录到网络。我填写的ip是我的电话，它连接到我的办公室无线网络。由于这个原因，局域网网络中的任何一台计算机都无法访问路由器的登录页面。我使用了gui界面..。所以现在我需要知道我局域网的路由器外部ip地址。这样我就可以访问我手机上的路由器登录页面了。
浏览 0提问于2016-01-25得票数 0
如何在contextTypes中定义TypeScript？
我有一个组件(注意:我不确定必要的路由器类型，如中详细描述的那样，但这在这里应该是不相关的)
export class Repos extends React.Component<ReposProps, {}> {
context: {
router: History
}
static contextTypes = {
router: React.PropTypes.object
};
它有一个功能
public handleSubmit(event
浏览 1提问于2016-02-21得票数 7
回答已采纳
3回答
版本：
react路由器-dom 4.1.1
react路由器-redux 5.0.0-字母4
反应-传单1.1.3
传单1.0.3
复制步骤
我制作了一张传单地图。在其中我添加了一些标记。这些标记有弹出窗口。在每一个弹出窗口中，我都希望有一个<Link>
如果有帮助的话，这也是我的路由配置：
ReactDOM.render(
<Provider store={store}>
<div>
<AppContainer />
<ConnectedRouter history={hist
浏览 12提问于2017-04-18得票数 6
回答已采纳
在从es2015升级到第207版后，我的browserHistory.goBack都停止工作了。
在尝试了网上发现的几乎任何东西之后，我仍然无法让它发挥作用。
代码：
import { goBack } from 'react-router-redux'
let Popup = () => {
<a onClick={ goBack }></a>
}
与browserHistory.goBack的工作原理完全相同。相反，goBack什么也不做。
<Provider store={store}>
<Ro
浏览 1提问于2017-03-21得票数 2
我有这个。它与文档中所述的完全相同。我认为反应性路由器-dom模块很好，因为在其他组件中，BrowserRouter、路由器和链接为我工作。
import { useHistory } from "react-router-dom"
import React from 'react'
export default function HomeButton() {
let history = useHistory()
function handleClick() {
history.push("/home")
}
ret
浏览 0提问于2020-06-27得票数 13
我已经构建了一个来演示这个问题。简而言之，如果我想在一个组件中使用路由器，例如因为它里面嵌套了Route，那么我需要使用withRouter钻取路由器道具，遍历该组件的每个祖先，即使这些祖先本身并不使用路由器。
我认为它与有关，但它被标记为已修复。我已经阅读了react-router中的“处理更新阻塞”文档。
为什么这是必要的？这意味着我需要保守地将withRouter添加到每个组件中，因为我通常无法预测哪些组件会有需要路由器的后代。我认为React的上下文要点是让我从这件事中解脱出来，这样我就可以在需要的地方拔出路由器，并在中间的任何地方忘记它。有没有办法做到这一点？
浏览 2提问于2018-08-22得票数 1
如何使用react路由器dom根据选定的下拉值和react中的按钮点击来重定向组件？ 我已尝试使用重定向标记，但无法重定向到其他组件
浏览 9提问于2019-04-10得票数 1
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
腾讯云开发者
