【跳转问题】再次提问
来源:15-6 课程总结

倚松听花语
2018-08-03
在【订单管理】页面,手动修改网址(order -> city),这时候页面已经跳转到【城市管理】页面了,
但是左侧的菜单,active状态的仍然是【订单管理】,同时面包屑也没有正确更新。
补充:这个问题,其实有同学已经问过,老师的回答是倒数第二章已经讲过了。
我回顾了下倒数第二章,当时讲的是怎样在刷新页面时仍然保持当前菜单的active状态,这和现在的问题是不一样的。
希望老师认真考虑下这个问题,因为很影响体验,拜托了。
https://coding.imooc.com/learn/questiondetail/69672.html
1回答
-
非常抱歉,这么晚才回复您,之前我确实回复过一次,那次可能是由于对问题的理解不够。
您这个问题问的非常好,和上一个属于同一类问题,但是答案缺不同。
这个问题主要是需要做路由监控,监控路由的变化,然后做面包屑的从新渲染。大体方法如下:
打开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
})
})
}
012018-08-08
相似问题