路由跳转后URL改变了组件没变化

解决方案

在路由组件上最上层元素上加一个key增加路由的识别度 this.props.location.key

 // 组件挂载
  componentDidMount() {
    console.log(this.props.location);
  }

  <div className={style.content} key={this.props.location.key}>
                <CSSTransition
                    key={this.props.location.pathname}>
                    <Switch location={this.props.location}>
                        {routes.map(r => (
                            <Route key={r.key} supKey={r.supKey} path={r.path} exact={r.exact} component={r.component} />
                        ))}
                    </Switch>
                </CSSTransition>
            </div>