【React】关于react怎么实现下一页后url地址也随之变化的;

关于react怎么实现下一页后url地址也随之变化的;

先上效果图:

【React】关于react怎么实现下一页后url地址也随之变化的;

大家可以看到几个红色箭头;

我点击相应的页码数,内容区会加载相应的页数的内容,比如我点击3加载第三页的内容,此时url显示正确;

我给下一页加的事件是,点击下一页获取url的参数,然后参数加一,通过参数再加载相应页数的内容,但是加载完成后,页面URL怎么改变呢

比如我当前在第三页
url为:

【React】关于react怎么实现下一页后url地址也随之变化的;

然后点击 下一页 此时页面加载的是第四页的内容,但是url没有变化,我应该怎么改变url呢
或者说有什么别的方法来实现下一页,同时url同时变化;

回答

import { browserHistory } from 'react-router';

onNextPage && onPrevPage 的时候加上:

browserHistory.push({ pathname: '/jianjie/', query: {page: index}})

你的“下一页”应该是个div之类的吧,你换成a标签,设置它的href

需要用browserHistory来修改地址

你可以用react-router来实现 可以查一下资料 很容易

以上是 【React】关于react怎么实现下一页后url地址也随之变化的; 的全部内容, 来源链接: utcz.com/a/73739.html

回到顶部