Интеграция слайдера Revolution с React, проблемы при смене маршрута - PullRequest
Новая
       22

Интеграция слайдера Revolution с React, проблемы при смене маршрута

0 голосов
/ 28 мая 2020

Так из самого названия. Я уже интегрировал слайдер Revolution, который поставляется с темой, которую я купил. Он отлично работает и загружает все необходимые скрипты при первой загрузке страницы. Однако проблема начинается, когда я перехожу на другую страницу, например страницу контактов. Компонент загружается хорошо, но когда я go возвращаюсь на страницу, которая отображает ползунок вращения, необходимые скрипты для ползунка больше не работают. Я поместил скрипты Revolution-Slider в файл index.blade. html. Вот мой код.

У вас есть идеи, как снова загрузить слайдер?

index.blade. html

<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
    <tittle>
   <body class="stretched">
    <div id="app"></div>
    // revolution-slider script here
    ...
    <script type="text/javascript" src="{{ asset('public/slider/jquery.themepunch.tools.min.js') }}"> 
    </script>
   </body>
</html>

MainPage. js

import React, { useEffect } from 'react';  
import AppSlider from '@domain/main/AppSlider';
const MainPage = () => {
     return (
          <AppSlider />
     );
};

export default MainPage;

AppSlider. js

import React from 'react';

const AppSlider = () => {
   return (
      <section id="slider" className="slider-element full-screen slider-parallax">
           <div className="revslider" data-alias="sleek-landing-page" />
      </section>
   );
};
export default AppSlider;
...