时间戳

首页 > 解决方案 > React Link 在相同的 url 类型 dom 上不起作用

reactjs - React Link 在相同的 url 类型 dom 上不起作用

问题描述

我是 React 的新手。我正在使用 React 创建简单的博客网站。我的 BlogDetail 页面有一些问题，我无法更改 realted 博客的 dom。Url 正在更改，但 dom 不刷新。其他链接有效，但未发布。这是我的路线：

 <BrowserRouter>
        <Switch>
            <Route exact path="/" component={Home}/>
            <Route exact path="/blogs/:slug/" component={BlogDetail}/>
        </Switch>
        </BrowserRouter>

这是我的 BlogDetail 导出

export default withRouter(connect(mapStateToProps, dispatchToProps)(BlogDetail));

标签： reactjsreact-router

解决方案

您可以在此处使用 componentDidMount 以使用新的 id/slug 重新安装您的 dom

componentDidUpdate(prevProps) {
    if (this.props.location.pathname !== prevProps.location.pathname) {
        let slug =  this.props.match.params.slug; 
        // Do something with slug
    }
}

推荐阅读