内容简介:反应路由器中是否有一种方法可以在某些组件呈现相应的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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- 实现一个react系列二:渲染组件
- 细说 Vue 组件的服务器端渲染
- (译)Vue.js 构建一个"无渲染"组件
- React 组件模式-有状态组件 x 无状态组件、容器组件 x 展示组件、高阶组件 x 渲染回调(函数作为子组件)
- React源码分析与实现(一):组件的初始化与渲染
- 支持大数据渲染下拉列表组件开发 SuperSelect(基于antd Select)
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
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》 这本书的介绍吧!