最近在忙活小学期的作业,每天都在踩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>
)
}