使用React路由器传递参数

文章/答案/技术大牛

发布

1回答

带有React路由器和Redux简单路由器的onEnter转换不呈现新路由的组件

javascript、reactjs、react-router、redux、react-router-redux

我有一个应用程序使用了and @0.14，redux @3.05，react router @1.0.3和redux- @2.0.2。我正在尝试根据存储状态为我的一些路由配置onEnter转换。WorkoutCreate}/> </Route>}export default class Root extends React.Component</div> &

浏览 3提问于2016-01-21得票数 7

回答已采纳

1回答

反应错误-不变性违反:元素类型无效

javascript、reactjs、ecmascript-6、react-router、jsx

我怀疑导致这种情况的代码是在我的app-client.js文件上，它看起来像；var React = require('react'),ReactDOM = require('react-dom'),DefaultRoute = Router.DefaultRouteBoard}></Route&g

浏览 1提问于2016-03-31得票数 3

回答已采纳

3回答

路线Param不与反应一起工作

node.js、reactjs、react-router、routeparams

我正试着使用路线旁线，但我不能得到平行线。我如何从“婚礼/:分页名”中得到“param”？我的App.jsimport { BrowserRouter, Route } from 'react-router-dom'; import { connect } from 'react</e

浏览 0提问于2017-10-09得票数 0

回答已采纳

1回答

用React局部传递道具-路由器的#createElement

javascript、reactjs、react-router

从中，参数Component和props来自哪里？return <Component {...props} />如果没有React路由器，本地道具就会被传递到如下组件中：<ExampleComponentmyProp={myProp} /> 这是如何用React路由器和createElement完成的？您会像这样在路由器文件中创建自己的createEleme

浏览 3提问于2016-12-29得票数 0

回答已采纳

1回答

使用react路由器在urls之间传递参数的正确方法是什么？

javascript、reactjs、react-router、react-hooks

随着ResiveRouterV5.1添加了useParams、useHistory和useLocation，以及React钩子和功能组件带来的编码约定的变化，试图找出使用当代版本的react路由器的方法令人困惑当使用react路由器编程导航时，如何正确地传递不同urls之间的参数？的组件，它在单击时调用以下内容： history.push("/home"); //history is

浏览 7提问于2020-04-22得票数 0

回答已采纳

0回答

添加多个查询参数react路由器浏览器历史记录

reactjs、react-router

我正在使用react路由器更改url，如下所示。checkin, managed_by : 'Owner',} }); 正如你在这里看到的，我想传递两个查询参数的值如何同时传递查询参数的两个值？

浏览 10提问于2016-12-29得票数 2

回答已采纳

3回答

为什么在React中将它们传递给路由器中的组件时，{...props}不是必需的？

javascript、reactjs、react-router、react-router-dom

我最近开始学习React，当我在学习一门课程时，我偶然发现了一些让我非常困惑的事情。我决定单独试一试，以了解它，但我不明白。我已经查过了，当你在React中使用一个路由标签时，你可以这样做： <Route path="/" component={Component} /> 但是当你想要传递道具时，语法如下： <Route path

浏览 13提问于2020-07-19得票数 1

回答已采纳

1回答

从链接调用react组件并传递支持时，页面重新加载失败

javascript、reactjs、typescript、state、jsx

item.jobRunId, }}>{item.jobRunId}</Link>, }, at updateClassComponent (react-dom.development.js:17110) at beginWork (react-dom.development.js(react-dom.development.js:

浏览 4提问于2020-09-02得票数 0

1回答

React无法传递参数

reactjs

我想将id参数传递给showdesc函数，但它没有被传递。有谁能帮忙吗 <Router> {/*sets the headerfrom 'react' import { useState,useEf

浏览 3提问于2021-07-14得票数 0

1回答

reactjs

我是新来React的，我有以下应用程序：(index.js)import {Component} from 'react'; BrowserRouter as Router, Route,} from "react-router-dom";ReactDOM.render( <

浏览 14提问于2021-02-16得票数 2

回答已采纳

1回答

ReactJs this.props.router未定义

javascript、reactjs、react-router、react-dom

当我试图使用react路由器返回到主页时，我会得到以下错误：我的带有路由器的

浏览 5提问于2016-05-06得票数 12

回答已采纳

1回答

使用react-router加载Url参数

javascript、reactjs、react-router

我正在尝试使用react-router传递一些URL参数，但我无法访问我传递的参数，页面也无法访问。下面是我渲染路由器的位置： BrowserRouter as Router, Switch,} from "react-router-dom"; <Ro

浏览 16提问于2020-03-01得票数 0

回答已采纳

3回答

Redux中的React路由器路由参数

javascript、reactjs、redux、react-router、react-router-redux

使用redux和react路由器，我想访问某个组件上的路由参数，而不是路由指定的组件。我已经按如下方式设置了react-router、redux和react-router- redux，并且我想从我的redux存储中访问reportId参数。ReactDOM.render( document.getElementById('

浏览 0提问于2016-11-02得票数 3

3回答

如何与其他道具一起访问'this.props.match.params‘？

javascript、reactjs、react-router

我的ChampionDetails (子)组件的一段代码： import React, { Component } from 'react'; class ChampionDetails

浏览 34提问于2019-01-10得票数 6

回答已采纳

2回答

将路由器通过路径id与onEnter函数反应

reactjs、redux、react-router

我以前使用Routers params来过滤一个内容数组并返回我想要的特定内容(按ID过滤)。是否可以在这个onEnter函数上使用URL，如果不是--从容器组件触发调度函数是显而易见的解决方案吗？

浏览 6提问于2017-08-09得票数 0

回答已采纳

1回答

如何从mapstatetoprops访问react路由器匹配对象

javascript、reactjs、redux、react-redux、react-router

我想知道如何从mapStateToProps或任何类似的选择器访问react-router match对象以获取其参数。我想从params中构建一些东西，并将其作为道具传递给选择器中的表示组件。我有一个接受built属性的组件，我希望向它传递一些从react路由器参数派生的值。我最好不要把params作为道具传下去。

浏览 11提问于2019-07-02得票数 0

2回答

React: TypeError无法读取未定义的属性(读取“push”)

javascript、reactjs、react-native、react-hooks、frontend

现在我有个代码：function App() { return ( <div className="content">"/test" element={<BasicExample />} /> </BrowserRouter> <

浏览 5提问于2022-09-27得票数 1

3回答

是否有一种连接react* redux和react路由器的方法？*

reactjs、react-redux、react-router

我有一个应用程序，它使用url参数来更改显示在页面上的数据。<Route path='/annotations/:sessionId/:eventId' render={route => <AnnotationPagesessionId={route.match.params.ses

浏览 1提问于2019-09-07得票数 2

回答已采纳

1回答

是否需要传递所有url参数来响应查询？

reactjs、react-query

假设我希望从url获取所有参数，并将其与请求结合起来。我在url中有name和age param -为了访问它，我可以使用react路由器-dom。是否需要将所有url参数传递给react查询的第一个参数？(像这样)因为如果我们有10个参数，我们需要传递所有的searchParams.get(属性)来响应查询？没有办法从use

浏览 5提问于2022-08-31得票数 0

1回答

在react路由器中保留查询参数

reactjs、react-router

在我的react应用程序中，我有一些用户访问应用程序的参数，这些参数提供了一些有关它们来自何处的信息。有没有办法在整个应用程序中使用react路由器来保留这些查询参数。这意味着每次更改路径时，Id都会像那些查询参数一样保留在url中。我看到的唯一示例是在各路由之间传递查询参数，但并不是在每条路由上都保留它们。

浏览 1提问于2016-03-06得票数 11

回答已采纳

点击加载更多

带有React路由器和Redux简单路由器的onEnter转换不呈现新路由的组件

反应错误-不变性违反:元素类型无效

路线Param不与反应一起工作

用React局部传递道具-路由器的#createElement

使用react路由器在urls之间传递参数的正确方法是什么？

添加多个查询参数react路由器浏览器历史记录

为什么在React中将它们传递给路由器中的组件时，{...props}不是必需的？

从链接调用react组件并传递支持时，页面重新加载失败

React无法传递参数