Встречается на собеседованиях • сегодня

Как отследить изменение маршрута на странице

В React можно использовать хук useEffect с зависимостью от location из react-router-dom:

jsx

import { useEffect } from 'react';
import { useLocation } from 'react-router-dom';

function MyComponent() {
  const location = useLocation();

  useEffect(() => {
    console.log('Route changed to:', location.pathname);
    // Тут можно выполнить действия при изменении маршрута
  }, [location]);
}

В Angular можно подписаться на события NavigationEnd:

typescript

import { Router, NavigationEnd } from '@angular/router';

constructor(private router: Router) {
  this.router.events.subscribe(event => {
    if (event instanceof NavigationEnd) {
      console.log('Current route:', event.url);
    }
  });
}

В Vue.js с помощью watch можно отслеживать изменения $route:

javascript

watch: {
  '$route'(to, from) {
    console.log('Route changed from', from.path, 'to', to.path);
  }
}

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!

Попробовать бесплатно

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы