在移动端的操作的时候,相信大家都遇到到这种情况,翻了好几页了,点击一项进去查,然后回来的时候,还想回来我原来的位置。
google上也找了一此,有一个组件,但是好像是如果想实现这个功能,页面就得用那个组件包进来。
一个项目已经写了几十个页面了,每个页面都去把他包进去,然后再实现组件里的方法,太痛苦了。
后来发现router里有onEnter onLeave事件,那就在这里做文章吧。这就方便多了,就在router.jsx每个里面加 onEnter={()=>{}} onLeave = {()=>{..}} 如果以后再添加页面,又得复制一下这两个事件,这样也很麻烦是吧。
以前用 asp.net 要给页面上所有button都添加统一的事件,或CS程序里哪页面都添加事件等功能,就在想我也统一的,在给router里的信息统一添加 onEnter onLeave事件呢?这样我的router.jsx文件里是不是简洁多了。
这样一来,我只要找到Router里第一个组件,在那个做文章不就可以了。其它的什么都不用大动,由于我们在写项目的router里的第一组件名是 app如下图所示:
那就找到 App.这个组件,在componentWillMount这个方