React-Router4.0跳转不置顶怎么办

这篇文章主要为大家展示了“React-Router4.0跳转不置顶怎么办”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“React-Router4.0跳转不置顶怎么办”这篇文章吧。

目前创新互联已为超过千家的企业提供了网站建设、域名、虚拟空间、网站托管、企业网站设计、石景山网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

在使用react-router时会遇到奇怪的问题,比如当我们从首页进入详情页的时候,首页跳转到详情页,首页滚动的位置,进入到详情页的时候也会被记录下来,原因是由于共享了同一个history,所以对记录有所保留,这显然不符合我们的浏览习惯。

总结种解决方案:

方案一

 window.scrollTo(0, 0)} history={hashHistory}>


方案二

class Protol extends React.Component {

constructor(props) {
  super(props);
}
 componentDidUpdate(prevProps) {
   if (this.props.location !== prevProps.location) {
     window.scrollTo(0, 0)
   }
 }
render() {
  return (
    
      
      {this.props.children}       
    
  ); } }

以上是“React-Router4.0跳转不置顶怎么办”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


网站栏目:React-Router4.0跳转不置顶怎么办
网页网址:http://bzwzjz.com/article/jijejc.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 网站建设 上市集团网站建设 定制网站设计 成都网站建设 成都做网站建设公司 企业网站设计 响应式网站设计 成都网站制作 定制网站制作 网站制作 成都网站设计 手机网站制作设计 定制网站建设多少钱 成都网站建设流程 专业网站建设 成都网站设计 重庆网站制作 成都网站建设公司 重庆企业网站建设 成都网站建设 成都网站建设公司