我正在使用reactJs并尝试创建一些嵌套路由。下面您可以看到“我的文件”的路由部分: main.js: App.js: 不要问我为什么,但我想创建以下url: /注册:注册表格 我在我的文件中添加了这个,它的工作原理是: 但是我想知道这是创建嵌套路由的好方法,还是像下面这样分开路由更好:https://stackoverflow.com/a/43846223/4023379 或者另一种方式? 谢
所以我有一个组件,在这个组件中我检查客户端是否登录,如果没有,我重定向到登录页面。在我的其他管理区域组件中,我不使用这个,但我仍然被重定向到客户端登录屏幕。 有人能帮我修一下这些路线吗?
我想在单个路由文件中实现嵌套路由和侧边栏路由的组合。我希望组件像这样渲染。 我的路线设置如下 在仪表板页面内,我基本上实现了react-router-dom网站的侧边栏示例。 它工作正常,但是我想把所有的路由放在一个文件中。 像这样的 上面的代码是虚构的代码,但它是为了给我一个想法,我试图实现。我试图从一个类似的问题解决,但它不适合我。 如何将所有路由放在一个文件中,并在react router
关于未解决的问题(作为最终结论) react路由器dom v4中的多个嵌套路由 如何在React路由器v4中嵌套路由 我也有同样的问题。 https://reacttraining.com/react-router/web/guides/quick-start促进react-router-dom 此外,人们发现最好在一个文件中列出路由,而不是在组件内部。 有人提到:https://github.c
我有类似这样的App.js文件 而看起来是这样的 我需要使,和工作 我尝试了上述方法,但输出是空白的,当我去任何这些路线。只有Navbar被渲染。
我对导航链接有一个小问题。它不应用活动的类名,尽管它在其他方面可以工作(转到所需的路径,呈现所需的组件) react路由器dom版本5.2.0 我的index.js 和my Navigation.js: UPD:路由器工作,在NaVLink的麻烦。我需要添加activeClassName到nav项目,但它没有。 我的App.js: Main.js:
我有一个使用React,React路由器Dom(RRD),Redux和Typecript的项目。默认情况下,RRD将和道具传递给我在路由组件道具中定义的子组件(见下文)。在我的组件中,Redux还向我的组件添加了两个道具,一个函数(getPlaylist)和一个对象(auth)。 在我的组件中,当我输入所有道具时,我在输入和时遇到问题。 我尝试了以下方法,但没有成功: 添加了自定义道具的Route
我正在尝试构建一个简单的组件,它将进行一次API调用,2秒钟后将重定向到另一个页面。为此,我尝试使用react router dom中的重定向组件,但导入失败 我得到一个错误:“react router dom没有导出的成员‘重定向’。” 版本"react-router-dom":"^6.0.0-beta.0",
我是React的初学者,遇到了一些问题。我正在使用服务器渲染并使用express作为服务器,收到一条错误消息:错误:不变量失败:浏览器历史记录需要DOM。我已经检查了来自不同站点的fro解决方案,并应用了它们的解决方案,但在应用不同的解决方案时会出现不同的错误。如前所述,我收到一个错误:TypeError:无法读取未定义的属性'location',为此,我通过从'react Router dom'
在我的react js应用程序中,我想实现服务器端渲染。因此,我遵循了这个repo。 现在我遇到了这个错误。 不变冲突:浏览器历史记录需要DOM 我以为这是错误。但是我已经导入了router并使用了函数。但我也犯了同样的错误。 app.js(客户端根文件) js(路由文件) js(服务器端文件) 我不知道实际的问题是什么。我搜索了很多google.checked这个qsalso.but没有结果。我
所以基本上我有一个导航栏,可以在路线之间切换。当页面加载时,默认情况下会转到/home,但实际上不会呈现所提供的应用程序组件。我必须单击将您带到/主页的按钮才能渲染此内容。 我使用Redux的反应路由器。 这是我的浏览器路由器: 有什么建议吗?
我在react中编写了一个带有自动建议的简单搜索组件,它调用themoviedb。我正在使用react router dom,并在app.js中定义了如下路由参数: 搜索组件如下所示: 我的问题是,当点击链接时,它会改变url,但它会停留在同一个站点上。如果我不使用react路由器dom链接组件,只使用元素,它可以正常工作,但所有东西都会重新渲染。 **在app.js中更新我的react路由器代码
我在一个带有服务器端渲染的react应用程序中使用react router dom,我正在寻找一种获得类似于的东西的方法,但除了路径名之外,我找不到任何东西。是否有任何方法可以使用react-router-dom获取原点?还是其他方式?
我知道要将道具传递给我的路线,我需要使用渲染。例如: 问题是,在我的Room组件中,唯一传递的道具是历史、位置和匹配(这些直接来自react-router-dom)。 我还尝试手动传递所需的道具: 但在房间里,我仍然没有定义道具用户名。有什么想法吗?
重新加载后,私人路由重定向到授权开始之前的 /login,因为初始redux状态对它们两者都是假的。 这些是路由器的日志: PrivateRoute.js:16加载:false isAuthenticated:false PrivateRoute.js:16加载:true isAuthenticated:false PrivateRoute.js:16加载:false isAuthenticate