reactjs – 使用react-router-dom进行组件渲染时更改Url?

栏目: 后端 · 前端 · 发布时间: 6年前

内容简介:反应路由器中是否有一种方法可以在某些组件呈现相应的URL时发生更改.我知道的一种方法是放置window.history.pushState(”,”,’/ componentUrl’);在组件的渲染功能中有没有更好的方法在Route中的路径道具之外的路径中完成它,因为path =’someurl’意味着每当访问someurl时someComponent应该呈现

反应路由器中是否有一种方法可以在某些组件呈现相应的URL时发生更改.

我知道的一种方法是放置window.history.pushState(”,”,’/ componentUrl’);在组件的渲染功能中

有没有更好的方法在Route中的路径道具之外的路径中完成它,因为path =’someurl’意味着每当访问someurl时someComponent应该呈现

但是反过来,每当someComponent渲染url应该改为someurl时,我会在组件内的条件渲染的上下文中使用此senerio.

使用react-router时最重要的事情是:

The path attribute defines the route URL and component attribute

defines the component for this route.

我建议阅读 this .最佳实践建议,就像Matt Derrick在评论中建议URL应该驱动组件的渲染一样.

因为你有基于我建议的状态渲染的Acomponent和Bcomponent,然后有2个不同的URL伴随它.因此,当状态变为===’a’时,您将跳转到/ aURL,当状态变为===’b’时,您将跳转到/ bURL.

希望这能回答你的问题.

翻译自:https://stackoverflow.com/questions/45708004/change-url-when-component-renders-with-react-router-dom


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Building Social Web Applications

Building Social Web Applications

Gavin Bell / O'Reilly Media / 2009-10-1 / USD 34.99

Building a social web application that attracts and retains regular visitors, and gets them to interact, isn't easy to do. This book walks you through the tough questions you'll face if you're to crea......一起来看看 《Building Social Web Applications》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具