腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9750)
视频
沙龙
1
回答
React
Router
VS条件
渲染
、
、
我对使用
React
Router
和常规
的
条件
渲染
方法之间
的
核心差异(特别是在性能方面)感到困惑。我所指
的
“常规条件
渲染
方法”是,例如: 我们可以在父
组件
中设置一个状态,并将其作为子
组件
的
道具传递,我们根据需求
有条件
地
更新这种状态,子
组件
将根据其道具重新呈现
不同
的
内容。我认为它可以达到与使用
React
R
浏览 2
提问于2018-07-05
得票数 15
1
回答
React
Router
:
如何
有条件
地
渲染
具有
相同
路由
的
不同
组件
、
、
、
如何
使用
React
路由
器
渲染
具有
相同
路由
路径
的
不同
组件
,但slug输入类型
不同
(Int vs string)?="/products/:productId" component={Details} />当slug是一个字符串时,当路径是/products/:category时,我想呈现列表
浏览 27
提问于2021-05-14
得票数 0
回答已采纳
1
回答
没有匹配"/login“位置
的
路由
所有导入语句 import { BrowserRouter as
Router
, Route, Routes} from '
react
-
router
-dom'; <
Router
>
浏览 7
提问于2022-05-06
得票数 1
1
回答
当用户点击登录时,它应该重定向到使用
react
中
的
google页面登录,您能帮我解决这个问题吗?
、
、
、
像这样 我正在为我
的
投资组合创建这个网站,但是我面临一个错误,这里是我
的
Login和loginwtihgoogle
组件
。登录
组件
return ( <div className='/a>
浏览 2
提问于2022-10-05
得票数 -1
回答已采纳
1
回答
使用条件
渲染
时,
react
-
router
-dom中
的
默认
路由
不起作用
、
、
我有以下
React
组件
: const { role, userId } = props; </Route> </>} 简而言之,此代码根据当前用户角色定义
路由
这里我遇到了一个问题:默认
路由<
浏览 0
提问于2020-05-05
得票数 1
2
回答
将
react
路由
器嵌套在另一个
组件
中,同时保留侧边栏
、
、
作为练习,我正在制作一个
react
应用程序(仍在学习
React
),它实现了一个使用firebase
的
登录系统。当然,要实现这样
的
功能,
react
路由
器是必要
的
,我已经成功
地
实现了它。然而,一旦用户登录,他应该能够看到一个侧边栏,以及其他动态更改
的
内容。现在,我需要再次使用
react
路由
器在用户单击侧边栏中
的
特定项目时更改这些页面,而不必呈现每个
组件
的</e
浏览 41
提问于2021-09-17
得票数 0
回答已采纳
1
回答
如何
在
React
中
有条件
地
呈现初始加载
的
不同
组件
?
、
、
现在,我想添加一个新
的
组件
,它将呈现
不同
的
导航栏并
具有
不同
的
路由
。
如何
在初始加载时
有条件
地
呈现
不同
的
组件
? 选项:将当前
的
App.js代码拆分为两个
不同
的
组件
,每个
组件
将有自己
的
导航栏和
路由
。此选项将是最理想
的<
浏览 53
提问于2020-06-15
得票数 1
2
回答
如何
从一次管线更改中
渲染
多个
组件
?
、
、
我习惯于使用
React
Router
,它提供了很大
的
灵活性,可以在页面上
的
不同
位置从单个
路由
呈现多个
组件
,而无需重新加载整个页面。下面我给出了一个例子。我想在将来
的
项目中使用Next.js,但我找不到一种方法来重现这种类似应用程序
的
路由
器功能,因为Next.js似乎只提供基于页面的
路由
,而不能控制在页面上重新呈现单个
组件
以响应
路由
更改。在下面的示例中,我在CRA中
浏览 13
提问于2021-02-18
得票数 1
1
回答
React
路由
器在
路由
改变时创建两个完全
相同
的
组件
,
如何
在两个
路由
上重用
相同
的
组件
?
、
我做了一个快速测试,看起来像这样: <
Router
> <Route path="/foo" render={ () => <TestComponent key="test"LOADING" : value }}); 因此,当我命中
路由
/foo时,
组件
加载,等待一秒钟,然后重定向到使用
相同
组件
的
另一个<e
浏览 46
提问于2020-09-12
得票数 0
回答已采纳
12
回答
如何
在
React
路由
器中将DefaultRoute设置为另一条
路由
、
、
、
、
我希望“应用”
路由
中
的
DefaultRoute指向
路由
"searchDashboard“。这是我可以用
React
Router
做
的
事情,还是我应该使用普通
的
Javascript (用于页面重定向)来做这件事? 基本上,如果用户转到主页,我希望将它们发送到搜索仪表板。因此,我想我正在寻找一个
React
Router
功能,它等同于
浏览 126
提问于2015-04-10
得票数 115
回答已采纳
2
回答
缓存
react
-
router
路由
、
、
、
我有以下代码: <Header /></View> 如果用户单击列表项中
的
编辑按钮,
react
-
router
会将页面从/list更改为/list/{itemId在用户填写了一些信息并单击保存后,
react
-
router
将更改回/list。现在重新呈现完整
的
/list-page!有没有一种方法可以缓存页面,这样
re
浏览 1
提问于2018-02-17
得票数 4
1
回答
动态
路由
与静态
路由
、
在Reactive
路由
器第4版之前,据说您会建立
路由
静态,作为应用程序初始化过程
的
一部分。>当你初始化你
的
应用程序时,你会导入你
的
路线并
渲染
它们。/config/routes' 今天,在
React
的
第4版中,您可以这样做: impor
浏览 2
提问于2018-10-23
得票数 2
回答已采纳
1
回答
通过CloudFront托管
React
应用程序
的
S3静态网站
的
请求头
、
、
、
我有一个部署到S3
的
React
应用程序,上面有一个用于特定域名CNAME
的
CloudFront发行版。我希望能够为单独
的
、
不同
的
域创建第二个CloudFront发行版,但使用
相同
的
S3存储桶作为源。 然而,在
React
应用程序中,我需要能够知道请求来自哪里,以便应用程序可以基于此动态加载
不同
的
数据。我发现我可以从CloudFront向源传递一个自定义
的
header,但是在浏览器中运
浏览 11
提问于2019-05-14
得票数 1
1
回答
反应式重定向
路由
器-dom V6
、
、
登录后,我需要导航回原始请求
的
URL。const PrivateRoute = ({ isLoggedIn, component: Component, ...rest })); <PrivateRoute exact isLoggedIn={isLoggedIn} path
浏览 1
提问于2021-12-15
得票数 13
回答已采纳
1
回答
如何
用反应性
路由
器隐藏导航栏,使其不受登录页面的影响?
、
我是新来
的
,有人能帮帮我吗?(预先谢谢:) import
React
from "
react
"; class App extends
React
.Component { retu
浏览 1
提问于2020-08-19
得票数 0
1
回答
处理受保护
的
路由
逻辑
、
我正在为我
的
react
项目创建一个受保护
的
路由
,但是上下文值和redux reducers数据不是持久
的
。那么设置
的
最佳方式是什么,例如,如果用户已登录,则将isVerified设置为true。如果isVerified === true转到主页或重定向到登录,则isVerified需要在
路由
或刷新每次改变时改变,因为上下文或redux数据不是持久
的
。我需要创建一个单独
的
后端api来检查来自客户端
的
令牌吗?If
浏览 20
提问于2021-04-26
得票数 0
1
回答
一个页面,但内容根据URL和带reactjs
的
数据库进行更改(MERN堆栈)
、
、
、
、
大家好,对不起,我
的
英语 假设我有page1在数据库中有内容,page2在数据库中有
不同
的
内容,但page1和page2共享
相同
的
模板我只想根据URL或id更改内容,如果用户请求page2 URL,他将获得page2
的
内容和其他页面的内容 我是MERN Stack
的
新手,所以给我一些简单
的
解决方案:) 我不知道该怎么做,很抱歉我
的
英语
浏览 14
提问于2020-12-24
得票数 0
3
回答
React
Router
:
如何
使用
不同
的
参数呈现
不同
的
组件
、
、
、
有没有可能有
不同
参数
的
路由
,并根据参数呈现
不同
的
组件
?
浏览 0
提问于2017-10-27
得票数 1
2
回答
为什么我
的
组件
在同一个页面中呈现?
、
、
、
我有一个带有Link按钮
的
登陆页面,它是Register
组件
的
一个按钮,但是当我单击该按钮时,我
的
Register
组件
在我
的
登陆页面下面,而不是在一个新页面中。为什么会发生这种情况?/App.css';import Navbar from './components/auth/Register'; import
浏览 7
提问于2022-11-22
得票数 1
回答已采纳
2
回答
仅在
react
中阻止特定页面的浏览器后退按钮
、
、
我试图阻止浏览器后退按钮只在
react
redux项目中
的
特定页面。假设我有四页。:3000/abc/#/page2,和http://localhost:3000/abc/#/page4对于除page4之外
的
所有页面我已经尝试了多个选项,但没有一个能像预期
的
那样工作。下面的代码是按照我
的
期望工作
浏览 0
提问于2019-08-26
得票数 5
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React 路由状态管理总结
React 个人学习感悟(四)
React Router入门指南
关于 React 路由,这些你必须知道!
你真的了解React吗?这里有50个React面试问题
热门
标签
更多标签
云服务器
ICP备案
对象存储
腾讯会议
云直播
活动推荐
运营活动
广告
关闭
领券