问题标签 [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.
javascript - 在反应路由器中,我无法更改视图,但只有 url 正在更改
请告诉我这有什么问题,当我点击导航链接时,网址正在改变但内容没有改变我正在尝试所有方法但无法找出问题,请看看这个
应用程序.js
我的链接文件,即导航栏
提前致谢
reactjs - 路由内的路由 - 嵌套路由 - react.js
我一直在 github 上寻找我的问题的答案,但对我没有任何作用..
我的问题是,当我在 Reservation 组件中使用 Link 时,它会更改路径,但不会更改可见组件并且页面会变为空。摘要组件现在应该只用一些文本渲染 h1。我必须做什么才能使这些组件正常工作?
顺便说一句,我使用react v16.13.1和react-router-dom v4.3.1
/* 应用组件 */
/* 预留组件 */
mysql - react router 和 maps 可以用来创建添加新页面功能吗?
我是相当新的反应,但做得很好!我正在寻找构建一个简单的“添加”配置文件应用程序。我的用户体验设计包括以下流程:
主页(带有添加新页面按钮)
打开一个空白页面(带有返回主页的保存按钮)
主页已呈现,但带有一个卡片组件,该组件是指向刚刚创建的页面的链接。
我的应用程序目前有反应路由器,但用于主页和其他页面之间的基本链接,但我认为这可能会有所不同。
什么是最好的方法?我知道这可能与映射可重用的“新页面组件”和“卡片组件”有关,卡片组件使用正确的路由呈现,但我需要像 MySQL 这样的其他东西吗?
谢谢
reactjs - 反应嵌套路由无法正常工作
我正在为 Django 应用程序创建前端。我想将我的应用程序组件路由到以下。
那么仪表板组件应该路由为
我成功地将我的 App 组件路由为
然后我尝试使用嵌套路由来路由我的仪表板,但输出在http://127.0.0.1:8000/dashboard/notification/处变为空白页面
reactjs - 如何将 RouterLink 与 Microsoft FluentUI React Link 组件一起使用
很直接。我Link
在其他Microsoft Fluent UI控件上看到了 React Router 使用示例。不过,我还没有找到将它与 Fluent UILink
组件一起使用的方法。
reactjs - 反应路由器查询参数字符串加载默认页面'/'
我有一个场景需要使用查询参数加载组件。如果 load flowPage/1234 组件正确加载。
但是如果我加载 flowPage/1234/investigation 它加载一个默认页面注意:1234 是一个查询参数
reactjs - BrowserRouter 不会在同一页面中呈现另一个组件的视图
我有一个非常简单的带有 Carousel 的应用程序。每张幻灯片都有一个按钮。当用户点击按钮时,它应该在底部容器中显示相应的页面。我将父组件中的单个幻灯片作为称为内容的属性传递。下面是我的代码
Slidebar.js 的片段将幻灯片传递给 SlideContent
幻灯片内容.js
我在另一个文件 Routes.js 中定义了路由
下面是我的 app.js,我希望我的内容在按钮单击时显示。
顶部的 URL 正在更改,但视图没有更改。非常感谢任何帮助
reactjs - 如何在不引用 React 中的动态值的情况下在 URL 中传递“:”?
问题是当你想给一个 url 引入一个动态值时,你必须使用 ":" 来引用它。
例如,假设我有一个包含很多用户的列表,并且我添加了一个按钮来获取有关他们的更多信息,并且我希望 URL 包含您从中获取所有信息的用户的用户名。我会做这样的事情:
当我出于某种原因必须在 URL 中输入“:”而不意味着我希望 URL 的那部分发生更改时,就会出现问题。基本上要有一个带有“:”的静态URL。
这可能吗?如果可以,我该怎么做?
reactjs - 在另一个组件 V6 中反应路由
我正在使用 Reavt V6 路线。
我正在努力让我的游戏组件内的路线正常工作。
访问 /test 会导致一个完全空白的页面。虽然它应该在游戏组件中加载犯罪模块。访问 / 渲染游戏组件,但 /test 不渲染游戏组件和其中的路由。
我如何使它工作?
访问 url /crime 应该会导致gamecomponent
被加载,并且
应该加载。
应用程序.js
私人路线:
游戏组件:
reactjs - React 数组状态未更新
我想填充数组状态,但 projectItems 在 useState 中没有更新,当我放置 projectItems 时,组件会重新渲染。所以,我正在使用usecallback,但是当我将filteredItems和projectItems作为useCallback中的依赖数组和useState中的回调时,useCallback永远不会运行。