问题标签 [react-router-component]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
740 浏览

javascript - 在反应路由器中,我无法更改视图,但只有 url 正在更改

请告诉我这有什么问题,当我点击导航链接时,网址正在改变但内容没有改变我正在尝试所有方法但无法找出问题,请看看这个

应用程序.js

我的链接文件,即导航栏

提前致谢

0 投票
1 回答
469 浏览

reactjs - 路由内的路由 - 嵌套路由 - react.js

我一直在 github 上寻找我的问题的答案,但对我没有任何作用..

我的问题是,当我在 Reservation 组件中使用 Link 时,它会更改路径,但不会更改可见组件并且页面会变为空。摘要组件现在应该只用一些文本渲染 h1。我必须做什么才能使这些组件正常工作?

顺便说一句,我使用react v16.13.1react-router-dom v4.3.1

/* 应用组件 */

/* 预留组件 */

0 投票
0 回答
18 浏览

mysql - react router 和 maps 可以用来创建添加新页面功能吗?

我是相当新的反应,但做得很好!我正在寻找构建一个简单的“添加”配置文件应用程序。我的用户体验设计包括以下流程:

  1. 主页(带有添加新页面按钮)

  2. 打开一个空白页面(带有返回主页的保存按钮)

  3. 主页已呈现,但带有一个卡片组件,该组件是指向刚刚创建的页面的链接。

我的应用程序目前有反应路由器,但用于主页和其他页面之间的基本链接,但我认为这可能会有所不同。

什么是最好的方法?我知道这可能与映射可重用的“新页面组件”和“卡片组件”有关,卡片组件使用正确的路由呈现,但我需要像 MySQL 这样的其他东西吗?

谢谢

0 投票
1 回答
760 浏览

reactjs - 反应嵌套路由无法正常工作

我正在为 Django 应用程序创建前端。我想将我的应用程序组件路由到以下。

那么仪表板组件应该路由为

我成功地将我的 App 组件路由为

然后我尝试使用嵌套路由来路由我的仪表板,但输出在http://127.0.0.1:8000/dashboard/notification/处变为空白页面

0 投票
2 回答
1388 浏览

reactjs - 如何将 RouterLink 与 Microsoft FluentUI React Link 组件一起使用

很直接。我Link在其他Microsoft Fluent UI控件上看到了 React Router 使用示例。不过,我还没有找到将它与 Fluent UILink组件一起使用的方法。

0 投票
1 回答
143 浏览

reactjs - 反应路由器查询参数字符串加载默认页面'/'

在此处输入图像描述

我有一个场景需要使用查询参数加载组件。如果 load flowPage/1234 组件正确加载。

但是如果我加载 flowPage/1234/investigation 它加载一个默认页面注意:1234 是一个查询参数

0 投票
1 回答
369 浏览

reactjs - BrowserRouter 不会在同一页面中呈现另一个组件的视图

我有一个非常简单的带有 Carousel 的应用程序。每张幻灯片都有一个按钮。当用户点击按钮时,它应该在底部容器中显示相应的页面。我将父组件中的单个幻灯片作为称为内容的属性传递。下面是我的代码

Slidebar.js 的片段将幻灯片传递给 SlideContent

幻灯片内容.js

我在另一个文件 Routes.js 中定义了路由

下面是我的 app.js,我希望我的内容在按钮单击时显示。

顶部的 URL 正在更改,但视图没有更改。非常感谢任何帮助

0 投票
2 回答
37 浏览

reactjs - 如何在不引用 React 中的动态值的情况下在 URL 中传递“:”?

问题是当你想给一个 url 引入一个动态值时,你必须使用 ":" 来引用它。

例如,假设我有一个包含很多用户的列表,并且我添加了一个按钮来获取有关他们的更多信息,并且我希望 URL 包含您从中获取所有信息的用户的用户名。我会做这样的事情:

当我出于某种原因必须在 URL 中输入“:”而不意味着我希望 URL 的那部分发生更改时,就会出现问题。基本上要有一个带有“:”的静态URL。

这可能吗?如果可以,我该怎么做?

0 投票
2 回答
599 浏览

reactjs - 在另一个组件 V6 中反应路由

我正在使用 Reavt V6 路线。

我正在努力让我的游戏组件内的路线正常工作。

访问 /test 会导致一个完全空白的页面。虽然它应该在游戏组件中加载犯罪模块。访问 / 渲染游戏组件,但 /test 不渲染游戏组件和其中的路由。

我如何使它工作?

访问 url /crime 应该会导致gamecomponent被加载,并且

应该加载。

应用程序.js

私人路线:

游戏组件:

0 投票
2 回答
69 浏览

reactjs - React 数组状态未更新

我想填充数组状态,但 projectItems 在 useState 中没有更新,当我放置 projectItems 时,组件会重新渲染。所以,我正在使用usecallback,但是当我将filteredItems和projectItems作为useCallback中的依赖数组和useState中的回调时,useCallback永远不会运行。