-
3 votesanswersviews
react-router-dom直接访问子路径
我在我的主要组件集中有我的主要路线 <Main> <Switch> <Route exact path="/login" component={ LoginPage }/> <PrivateRoute path="/" component={ PrivatePages }/&g... -
3 votesanswersviews
react-router v4不会触发路由
我'm trying to use react-router v4 and for some reason when I change the routes using normal links and the Link components, the route doesn' t触发,但如果我直接在URL栏中访问或只是刷新页面,该路径中的组件将呈现该组件 . 检查后,我看到上下文已更新,但道具没... -
23 votesanswersviews
react-router-dom v4中的多个嵌套路由
我需要在react-router-dom中使用多个嵌套路由 I am using v4 of react-router-dom 我有我的 import { BrowserRouter as Router, Route } from 'react-router-dom'; 我需要像这样渲染组件 --- Login --- Home --- Page 1 --- Page 2 ... -
58 votesanswersviews
如何在react-router v4中获取查询参数
我在我的项目中使用react-router-dom 4.0.0-beta.6 . 我有一个如下代码: <Route exact path="/home" component={HomePage}/> 我想在 HomePage 组件中获取查询参数 . 我找到了 location.search param,它看起来像这样: ?key=value ,所以它是未解析的 ... -
3 votesanswersviews
React Router URL参数不起作用
我'm unable to get the URL parameter feature in React Router to work, any insight would be helpful! I tried using the ' react-router-dom ' instead of ' react-router'但是我得到了这个家伙得到的错误:https://github.com/R... -
4 votesanswersviews
React组件未在匹配的路由上显示(react-router-dom)
嘿大家我不知道发生了什么事 . 我有以下路线: <BrowserRouter> <div> <Switch> <Route path="/patient/:id/" component={PatientWrapper} /> <Route path="/patient/:id/p... -
0 votesanswersviews
渲染路线条件渲染 . 反应路由器(hashrouter)
我正在使用React Router的Hashrouter组件在React应用程序中呈现我的不同路由 . 为了避免重复代码,我创建了一些名为TopBar和Footer的组件,顾名思义它在网站中呈现了这两个元素 . 当我想为管理页面添加另一条路线时,我的问题就来了,我不想让TopBar既没有Footer也没有 . 由于路径与'/'匹配,因此显然会显示这两个组件以及AdminFrame组件 . 我有几个... -
2 votesanswersviews
以编程方式反应路由器v4导航
当我使用带有Redirect的反应路由器时,Link或NavLink eveything就可以了 . 但我需要一个以编程方式导航我到路线的功能 . 这就是我想要的: if(a == 1){ this.context.history.push("/") } else { this.contetx.history.push("/home"); }... -
4 votesanswersviews
React Router 4嵌套程序
我将首先将我所做的研究联系起来 . Nested routes with react router v4 - Question React Router 4 Documentation Why can I not nest Route components in react-router 4.x? - Question How to nest routes in React Rou... -
0 votesanswersviews
React Router仅渲染一条路线
我是React和react-router-dom的新手 . 我现在花了几个小时,我只是死路一条 . 我正在使用create-react-app和bulma for css . 我的依赖: "dependencies": { "bulma": "^0.7.1", "font-awesome": "^4.... -
1 votesanswersviews
React-router-dom v4在页面加载时不呈现组件
所以基本上我有一个在路线之间切换的导航栏 . 页面加载时,默认情况下会转到/ home,但实际上并不会呈现给定的App组件 . 我必须单击将您带到/ home的按钮才能呈现此内容 . 我正在使用react-router-dom和Redux . 这是我的BrowserRouter: <Provider store = {store}> <BrowserRouter> ... -
0 votesanswersviews
如何在服务器端渲染中使用react-router-dom做出反应?
在服务器端反应中使用react-router-dom会产生错误 . Invariant Violation: Browser history needs a DOM 如果url匹配我的组件路径,我正在使用react-router-dom BrowserRouter在div中呈现我的组件 . const routes = [ { path: 'dashboard', exact: t... -
2 votesanswersviews
从v3迁移到v4 react-router时出错
我决定使用react-router v4而不是v3并更改我的路径,以便它们与路由器的v4和redux一起使用,但我得到下面的错误(我使用export default导出所有组件并且不忘记导出任何东西) . 我的代码出了什么问题? 元素类型无效:期望一个字符串(对于内置组件)或类/函数(对于复合组件)但得到:undefined . 您可能忘记从其定义的文件中导出组件 . 我试图改变这个v3路由器... -
1 votesanswersviews
React Router链接输出未显示而没有刷新
我在我的项目中使用react-router-dom V4.1.1,我制作了不同的组件,并使用导航组件 . 但我面临一个问题,得到一些不可预测的错误 . 请让我知道解决方案,我在这里缺少什么 Index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import reg... -
1 votesanswersviews
如何使用默认提交验证将反应路由器dom中的链接添加到提交按钮
在下面的代码中,如果从react路由器dom添加Link标签,它将路由下一页而不验证表单 . 我在标签中使用redux表单和默认必需的关键字来验证表单 . 验证后,它应该将组件路由到“/”主页 . <button type="submit" className="btn btn-primary"> <Link>Create Acc... -
0 votesanswersviews
如何将容器组件传递到react-router-dom Route?
我目前在反应路由器redux中传递正确类型的打字稿问题 . 打字稿错误: severity: 'Error' message: 'Type '{ path: "/foo/:id"; component: typeof "<path>..' is not assignable to type 'IntrinsicAttributes & Intrin... -
0 votesanswersviews
React Router withRouter更新阻塞组件但是在Exception类型上不存在get属性
我在一个带有侧面导航的单页面应用程序上使用React Router,并使用TypeScript Redux编写应用程序 . 但是,我遇到了一个容器组件的问题,它通过嵌套路由导航,在嵌套路由之间切换时不会重新渲染 . 当然,我按照React Router git to deal with update blocking上的指南进行操作 . 但是这两种建议的方法对我都不起作用: 1)在容器组件中使用W... -
0 votesanswersviews
使用Component外部的react-router-dom / react-router v4重定向页面
我有React-Redux应用程序,应该为服务器返回的所有错误编写一个常见的错误处理程序 . 目前我使用'react-router-dom'进行路由 . 我在组件中使用'withRouter' . 但是我可以重定向内部动作吗?或者如何实现这一目标? 我看到链接How to push to History in React Router v4? . 我应该使用react-router-redux吗?... -
0 votesanswersviews
React Router V4在Header中支持访问
我在react-router-dom v4中有这个布局 . 我的仪表板路线对每个呈现的页面都有 Headers 道具 . 但是我希望这个 Headers 道具在 Header 组件中也可用 . <Layout> <Sider /> <Layout style={{ marginLeft: 220 }}> <Header />... -
0 votesanswersviews
无法在react-router-dom中将道具传递给路由器
尝试使用react-router-dom通过路由器将道具传递给组件时遇到了一些麻烦 . 经过一些搜索我知道我必须使用带有内联函数的render方法,但是使用下面的代码,我有一个错误(无法读取未定义的属性'map') . 我尝试了很多东西,但我没有设法让它发挥作用 . 唯一有效的是当我输入一个直接值(如100或'test') . import { BrowserRouter as Router, R... -
1 votesanswersviews
React Router v4嵌套路由
由于以下原因,所有React Router的拳头都让我很困惑 . 如果其他人有同样的感觉,这可能对他们有用,或者如果他们不这样做,他们的回答对我有帮助:) 1)使用反应路由器V4的标准方法是什么 使用Switch?这对V4来说还算不错吗? 在一个js文件中使用Route config作为集合? 使用parent component中指定的路线? 2)如果我的应用程序有多个大模块,我... -
2 votesanswersviews
React Router:没有命中嵌套参数的路由
在我的反应应用程序中,我已经设置了这样的路线 class App extends Component { render() { return ( <div className="app"> <Header /> <Route exact path="/" component... -
1 votesanswersviews
React Router Dom(4)以编程方式导航
我正在开发一个“远程控制”的React应用程序,我正在尝试通过Pusher连接应用程序的选项卡导航 . 我正在使用react-router-dom并设置了我与Pusher的连接以及它在componentDidMount中监听的通道 . 我需要在每次返回消息时让应用程序更改URL导航,但无法弄清楚正确的“推送”方式是什么 . 我有许多关于以编程方式导航react-router-dom的线程,并尝试过... -
1 votesanswersviews
React如何让Component检测路由变化
我有3条路由呈现相同的组件 <MainContainer/> ,我希望状态根据位置更改这些组件内部 . Routes: import React from 'react' import { browserHistory, HashRouter, Route, Switch } from 'react-router-dom' import { MainContainer } from ... -
4 votesanswersviews
React Router不呈现Component
我想用登录创建一个React应用程序 . 为了维护用户状态,我想使用React 16.3引入的Context API . 在实现登录路由时,我遵循example in React Router documentation . 下面的源代码是(我希望)我的问题的一个非常简化的最小例子 . 当我在浏览器中打开 localhost:3000/protected 时,URL正确更改为 localhost:... -
1 votesanswersviews
导入的组件在react-create-app中转换为“/ static”URL
我遇到了一个问题,我无法找到任何以前的答案或文档 . 我正在我的本地计算机上将模块中的组件“login.jsx”加载到“index.js”中: import Login from './login'; export { Login }; “login.jsx”中导出的组件非常基本 . 模块main直接指向index.js文件,我将其导入到create-react-app生成的“App.js”文... -
1 votesanswersviews
与链接到的相关路由器错误
我试图将组件从一个路由到另一个,我得到与反应路由器链接相关的错误和反应路由器的错误 - Failed to compile我尝试使用反应路由器并将其包添加到我的项目库 . 这里是我为路线做的代码: -1)[Index.js文件] [2]2)[Navlink.js文件] [3]3)[nav.js文件] [4] 在Index.js中,我在渲染方法中创建了一个路由器,但它显示了上面的错误 .在Navl... -
2 votesanswersviews
反应未找到的组件总是呈现
这是循环遍历路由文件的代码 . 在这里我创建routerconfig数组从这里导出到app.js. 从'react'导入React,;从'react-router-dom'导入;从'./routes'导入路线; class RouterConfig扩展Component {render(){回来(routes.map((route)=> {回来(<路线key = path = ex... -
1 votesanswersviews
反应路由器链接,onClick动作不触发
我正在使用React Router Dom Link . 我想在渲染新页面之前触发一个动作 . 新页面的componentDidMount()生命周期方法取决于用户单击帖子用户名时触发的操作 . 代码示例: <Link to={`/Profile/${post.uid}`} onClick={(e) => this.handleItemClick(post.uid)}>{... -
1 votesanswersviews
ReactJs Router将其包装在组件中时自行复制
我是初学者,我正在为我的路由器使用React 4,Redux和react-router-dom包 . 我有一个App.js文件,它连接Main与mapStateToProps和mapDispatchToProps //App.js const App = connect(mapStateToProps, mapDispatchToProps)(Main); 我的主要组件呈现 Headers 和克...