React router - обновить хеш URL без повторного рендеринга страницы
С помощьюреагируют-маршрутизатор Я ищу способ обновить URL / хэш страницы, без повторного рендеринга всей страницы.
Я разрабатываю полную страницу карусели и хотел бы, чтобы каждый слайд имел свой собственный URL (позволяющий пользователю обновить страницу и вернуться к нужному слайду). У карусели позже будет свайп, похожий наэто демо, что означаетследующий слайд предварительно отрендерен
Доступна урезанная версия моей каруселиВот.
Текущее изменение слайда выглядит следующим образом:
onClickLeft: function() {
this.setState({
selected: this.state.selected - 1
});
}
Это работает нормально, без обновлений URL. Что я действительно хочу это:
mixin: [Navigation],
onClickLeft: function() {
this.transitionTo('carousel-slide', {num: this.state.selected + 1});
}
Это установит опору текущего слайда, позволяя анимировать карусель. Однако использование этого метода теперь вызывает повторную визуализацию страницы, и анимация не отображается.
Я виделReactCSSTransitionGroup
используется для переходов по маршруту, однако это, похоже, направлено на рендеринг новой страницы и перенос старой страницы.
Если уже есть способ достичь того, что я ищу, и я упустил это, может кто-то указать мне правильное направление?