react-router-v4相关内容

正在使用项的ID恢复滚动位置

我想在从B页面(比如说，项目的详细信息)返回时恢复滚动位置A页面(项目列表)。我已经找到了解决方案here，但专家/评论员告诉我，最好通过react-routes实现它，因为当前的输出是使用sessionStorage完成的。 目前，我从A页面导航到B页面，路线如下： /channelId/items/itemId。当使用history.push(/)返回时，我会进入项目列表的顶部。 附言：我不 ..
发布时间：2022-07-04 16:17:59 其他开发

如何使嵌套的Reaction路由器组件加载到新页面，而不是加载到页面的一半

我当前的情况是，我的App.js文件中有我的主要父路由/交换机，但在App.js文件中的某个路由中，我还有另一个组件，该组件也具有自己的路由/交换机设置，该组件调用名为的另一个组件 我设置的文件层次结构如下： App.js - has route/path to the component | |---> ..
发布时间：2022-04-02 17:14:22 前端开发

无法使用链接组件传递状态。为什么国家没有定义？

我正在尝试学习‘Reaction-Router’，我正在做一个应用程序，它有一个输入字段，给你一个下拉列表，其中包含指向欧洲各种培训机构的链接，当你点击该链接时，它将呈现一个组件，在本例中为Station组件，并显示有关该站的更多详细信息。 对于该应用程序，我必须对外部API进行两次调用。第一种方法是找到训练实例并将其显示在下拉列表中。这是可行的，从那里我可以获得站点的名称并将其放在下拉列表 ..
发布时间：2022-04-02 17:05:26 前端开发

在 react-router v4 中将自定义道具传递给路由器组件

我正在使用 React Router 创建一个多页面应用程序.我的主要组件是 ，它将所有路由呈现到子组件.我正在尝试通过路线传递道具，并基于一些 research 我确实，子组件利用传递下来的道具的最常见方式是通过它们继承的 this.props.route 对象.但是，这个对象对我来说是未定义的.在子组件中的 render() 函数中，我 console.log(this.prop ..
发布时间：2022-01-31 11:53:19 前端开发

React-Router v4 渲染错误的组件但正确匹配

我有一个带有两个按钮的侧边栏，“测试"和“关于".测试(火箭图标)在“/test"处呈现，About(主页图标)在“/"处呈现. 它们都位于应用程序的根目录并嵌套在一个组件中. 当我从 '/' 开始并单击 Link to="/test" 时，它总是加载 'About' 组件，当我检查 'About' 的 componentDidMount 的道具时，匹配对象包含匹配数据“/测试". ..
发布时间：2022-01-19 12:49:29 前端开发

使用带有 Next JS 路由的 React 路由器

我有一个简单的问题，我是 Next.JS 的新手我们有一个项目，我的 Web 应用程序使用 Next JS 在后端管理路由 现在我的问题来了，我想在一个部分使用 React-Router-dom 例如在我使用 Laravel 和 React 之前 在 Laravel 中我这样设置我的路线 Route::get('/reactPage/*' ...) 然后使用带有 react ..
发布时间：2022-01-08 23:09:49 前端开发

你如何让 Material-UI Drawer 突出显示它当前所在的页面?

我目前正在尝试使用 Material-UI 的抽屉组件.它有效，当我单击抽屉项目时，它会将我路由到正确的页面. 但是如何让单个抽屉项目突出显示它所在的当前页面. 例如，如果我在/dashboard 页面上，并且 Drawer Item for Dashboard 页面是否应该突出显示(不同的颜色和样式)以指示我当前在该页面上动态显示. 还没有设法在网上找到任何好的解决方案，而且 Mate ..
发布时间：2022-01-02 23:58:29 其他开发

使用 React Router v4 进行身份验证后导航到页面

我正在尝试在身份验证成功后从 login.js 导航到 app.js.我能够使用路由器 v3 和浏览器历史相对容易地做到这一点.我不太确定如何使用路由器 v4 导航页面，因为它们的方法似乎非常不同，而且我以前使用的方法不再有效.我尝试参考这篇文章在 React-Router v4 中以编程方式导航，但建议对我不起作用.关于如何使用 v4 在我的应用中遍历页面的任何建议? 这是一个电子应用程序 ..
发布时间：2022-01-02 23:51:50 前端开发

带有 React 16.6 Suspense 的 React Router “提供给 `Route` 的类型为 `object` 的无效道具 `component`，预期为 `function`."

我正在使用带有 react-router (4.3.1) 的最新版 React (16.6) 并尝试使用 React.Suspense 进行代码拆分. 虽然我的路由正在工作并且代码确实分成了几个动态加载的包，但我收到了一个关于不返回函数的警告，而是一个对象到 Route.我的代码: import React, { lazy, Suspense } from 'react';import { ..
发布时间：2022-01-02 23:48:44 其他开发

在不使用重定向或链接的情况下更改 react-router v4 中的 URL

我正在使用 react-router v4 和 material-ui 在我的 React 应用程序中.我想知道一旦点击 GridTile 后如何更改 URL="noreferrer">网格列表. 我最初的想法是为 onTouchTap 使用一个处理程序.但是，我可以看到重定向的唯一方法是使用组件 Redirect 或 Link.如何在不呈现这两个组件的情况下更改 URL? 我试过 t ..
发布时间：2022-01-02 23:46:36 前端开发

是否可以有多个 <Switch>在 React.js 中?

我正在构建一个没有 Redux 的 React 项目. 我希望有两个，或者在这种情况下有 3 个不同的开关 当用户登录时，第一个开关将能够在主页(普通网站)和用户页面(仪表板)之间切换...那么每一个都将是切换器，所以 Home 将在 Home 组件之间切换，而 UserPage 将在 UserPage 组件之间切换.这甚至可能吗? 主切换器主页(开关)仪表板主页 关于联系方式、职 ..
发布时间：2022-01-02 23:46:30 前端开发

componentDidMount() 没有被调用，但仅在特定情况下被调用

提醒一下:这是一个非常奇怪的问题.我会尽力清楚地解释这个问题.这发生在我使用 React Router 的 ReactJs 应用程序中. 我有一些组件需要来自 URL 的某种类型的参数.我也有不依赖参数的组件. 如果我使用不需要需要任何参数的组件，则没有任何问题. 所以，我去我的Home，然后是Account List，这两个都不需要任何参数，我可以随意来回多次，有没问题. ..
发布时间：2022-01-02 23:44:14 前端开发