reactjs - уроки - react обновить компонент

React router 4 не обновляет представление по ссылке, но обновляет его (3)

Вы также можете использовать:

import { withRouter } from 'react-router-dom';

А затем по умолчанию при экспорте вы делаете это так:

export default withRouter(connect(mapStateToProps, {})(Layout));

Потому что, когда у вас есть экспортное соединение, вы должны сказать, что этот компонент будет использовать маршрутизатор.

Я использую следующий простой код навигации

<Router>
  <Switch>
    <Route exact path='/dashboard' component={Dashboard} />
    <Route path='/dashboard/accounts' component={AccountPage} />
  </Switch>
</Router>

<NavLink exact to={'/dashboard'}
         disabled={this.props.item.disabled}
         activeClassName='active'>

<NavLink exact to={'/dashboard/accounts'}
         disabled={this.props.item.disabled}
         activeClassName='active'>

URL-адрес изменяется, но представление не меняется. Однако он меняется, когда я обновляю страницу или вручную захожу на этот URL.

У меня были свои Navlinks в компоненте без состояния (или немом компоненте) и контейнере, чтобы управлять состоянием коллапса моей панели навигации.

после переключения navbar-контейнера с PureComponent на Component проблема решилась для меня.

Я столкнулся с этой проблемой. Я разрешаю это путем добавления атрибута ключа к компоненту. Переключатель со значением - это имя пути и местоположение.