response-owl-carousel2 прерывается после перехода и возврата на страницу

Question

Я новичок в React. Я использую https://github.com/florinn/react-owl-carousel2 на своей домашней странице. Итак, если я go перехожу на другую страницу и возвращаюсь на домашнюю страницу, моя сова-карусель не работает, и ее выход сломан. Итак, как мне выполнить повторную инициализацию, чтобы она срабатывала, когда я возвращаюсь на домашнюю страницу.

import OwlCarousel from 'react-owl-carousel2';

    const options = {
                items: 3,
                rewind: false,
                autoplay: false,
                stagePadding:20,
                responsive:{
                    0:{
                        items:2,
                    },
                }

            };



<OwlCarousel  options={options} > 

<div></div>
</OwlCarousel>

Answer 1

Пожалуйста, следуйте инструкциям.

1. пример приложения create-react-app.
2. yarn add react-owl-carousel
3. начало пряжи

Здесь я надеюсь, что ваше приложение для реагирования запущено и работает. React Js Демонстрационная статья OwlCarousel

Следуйте этой статье. Не оставляйте свои теги div пустыми.

<OwlCarousel  options={options} > 
<div></div>
</OwlCarousel>

Следуйте инструкциям выше и дайте мне знать, работает он или нет. Здесь я использовал OwlCarousel, а не OwlCarousel2

Answer 2

@ Rspp добро пожаловать в сообщество stackoverflow. Попробуйте реализовать это с помощью useEffect () hook или componentDidMount () для выполнения sh вашей задачи.