// 组件接收到新的props(此处,实际上是路由信息)就会触发该钩子函数
componentDidUpdate(prevProps) {
// prevProps 上一次的props,此处也就是上一次的路由信息
// this.props 当前最新的props,此处也就是最新的路由信息
// 注意:在该钩子函数中更新状态时,一定要在 条件判断 中进行,否则会造成递归更新的问题
if (prevProps.location.pathname !== this.props.location.pathname) {
// 此时,就说明路由发生切换了
this.setState({
selectedTab: this.props.location.pathname
})
}
}