React踩坑（1）——二级路由

最近在忙活小学期的作业，每天都在踩React和SSM框架的各种坑。

遇到的问题是用Link组件引入二级路由时，地址栏的路由地址改变，但是路由内容没有加载，页面还保留在上一个路由状态，点击刷新按钮才能加载。

解决方法

在路由组件上最上层元素上加一个key增加路由的识别度，因为普通的跳转是根据path来识别的，但是path带上参数时，路由无法精确识别。我们将这个key绑定在路由顶层元素（return内的顶层元素）上就能精确定位路由了。

key={this.props.location.key}

render() {
        return(
            <Layout className={"AdminlLayout-1"} key={this.props.location.key}>
                {/*内容*/}
            </Layout>
        )
    }

React