【跳转问题】再次提问

来源:15-6 课程总结

倚松听花语

2018-08-03

在【订单管理】页面,手动修改网址(order -> city),这时候页面已经跳转到【城市管理】页面了,

但是左侧的菜单,active状态的仍然是【订单管理】,同时面包屑也没有正确更新。


补充:这个问题,其实有同学已经问过,老师的回答是倒数第二章已经讲过了。

我回顾了下倒数第二章,当时讲的是怎样在刷新页面时仍然保持当前菜单的active状态,这和现在的问题是不一样的。

希望老师认真考虑下这个问题,因为很影响体验,拜托了。

https://coding.imooc.com/learn/questiondetail/69672.html


http://img.mukewang.com/szimg/5b6386b600012e1912790487.jpg

http://img.mukewang.com/szimg/5b6388540001ba3212750498.jpg

写回答

1回答

河畔一角

2018-08-07

非常抱歉,这么晚才回复您,之前我确实回复过一次,那次可能是由于对问题的理解不够。

您这个问题问的非常好,和上一个属于同一类问题,但是答案缺不同。

这个问题主要是需要做路由监控,监控路由的变化,然后做面包屑的从新渲染。大体方法如下:

打开router.js文件:

import createHistory from "history/createBrowserHistory"//此处直接引用即可

import { switchMenu } from './redux/action'//此处导入我们课程创建的action文件


//初始化路由监听的方法和事件

componentWillMount(){

    const history = createHistory()


    // Get the current location.

    const location = history.location


    // Listen for changes to the current location.

    const unlisten = history.listen((location, action) => {

    // location is an object like window.location

    let title = '';//此处需要根据location.hash来获取到对应的标题

    dispatch(switchMenu(title))

        this.setState({

            currentKey: key

        })

    })

}


0
1
倚松听花语
非常感谢!
2018-08-08
共1条回复

React全家桶+AntD共享单车后台管理系统开发

React全家桶+AntD框架+大量前沿技术

1142 学习 · 495 问题

查看课程