Интройс в проекте реагирования с ССР - PullRequest
Новая
       17

Интройс в проекте реагирования с ССР

0 голосов
/ 18 июня 2019

У меня есть проект nextjs. Я хочу внедрить систему подсказок Introjs на моем сайте. Все работает, если я перезагружаю страницу, но если я использую серверный рендеринг на другой странице и перехожу на страницу с вступлением, у меня нет никаких HTML-элементов с селекторами, которые я использую для подсказок, хотя страница построена. Маршрутизация выполняется с использованием стандартного маршрутизатора nextjs.

Мой код внутри хука componentDidMount: 

const myIntro = introJs();
console.log(typeof document, document.querySelectorAll('.intro1').length)
if (document.querySelectorAll('.intro1').length > 0) {
     myIntro.addStep({
        element: document.querySelectorAll('.intro1')[0],
        intro: 'text',
        position: 'bottom',
     });
}
myIntro.start();

console.log return -> object, 0

С SSR на этой странице все нормально, только если вы переключаетесь на него с другого. Вероятно, следующим способом я выполняю Route ... Но как мне получить доступ к html-элементам в componentDidMount?

Также, если я был перегружен на этой странице, переключился на другую и вернулся на нее снова, все в порядке. Спасибо за любые идеи!

...