React踩坑(1)——二级路由

lzy 897 0
摘要:

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

最近在忙活小学期的作业,每天都在踩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>
        )
    }
发表评论 取消回复
表情 图片 链接 代码

分享