React Router - маршрутизация другой страницы в зависимости от типа браузера - PullRequest
Новая
       15

React Router - маршрутизация другой страницы в зависимости от типа браузера

0 голосов
/ 20 апреля 2020

Я создаю веб-сайт для клиента, и мне нужно иметь возможность перенаправлять на страницу, только если пользователь подключен к мобильному браузеру. Если пользователь не в мобильном браузере, вместо этого отображается модальное всплывающее окно. В настоящее время я могу определить тип браузера и открыть модальный режим, если пользователь находится на рабочем столе, но мне не удается направить страницу, если пользователь находится на мобильном телефоне.

это мой текущий код функции, который передается из индекса. js в компонент с кнопкой, для которой функция swapContactModal назначена как onClick.

Если пользователь нажимает эту кнопку на рабочем столе, она успешно меняет локальное значение состояния для модального окна, отображая его. Однако hist.pu sh отправляет адрес "/ testimonials" в адресную строку, но не заставляет страницу переключаться на новое представление.

Как получить ее, чтобы успешно переключиться на / страница отзывов внутри этой функции?

Заранее спасибо !!! 

    if (isMobile === null) {
      setMobileOpen(false);
      setContactModal(!contactModal);
    } else if (isMobile !== null) {
      setMobileOpen(false);
      hist.push('/testimonials')
    }
  };```

1 Ответ

0 голосов
/ 20 апреля 2020

Работаем, используя и history.pu sh, и history. go вот так 

if (isMobile === null) {
      setMobileOpen(false);
      setContactModal(!contactModal);
    } else if (isMobile !== null) {
      setMobileOpen(false);
      hist.push('/testimonials')
      hist.go()
    }
  };
...