Как использовать .destory () на <TinySlider></TinySlider> - PullRequest
Новая
       9

Как использовать .destory () на <TinySlider></TinySlider>

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

У меня проблема с TinySlider, и я думаю, что если я смогу использовать методы rebuild () и destroy (), я смогу исправить проблему / ошибку.

Однако, как, черт возьми, это сделать? Вы используете .destroy () для такого компонента, как?

https://github.com/ganlanyuan/tiny-slider

(Я иду из jQuery, так что немного кривой обучения для меня правильно сейчас)

Спасибо!

Мой код: 

constructor(props) {
  super(props);
  this.state = {
      profiles: [],
      isLoading: true,
      errors: null
  };
  SPComponentLoader.loadCss('//cdnjs.cloudflare.com/ajax/libs/tiny- slider/2.9.2/tiny-slider.css');
}

if (this.props.toggleInfoHeaderValue == true ) {
  return(
    <TinySlider settings={...settings}>
      {renderProfilesCarousel}
    </TinySlider>
  )
}
else {
  return (
    <div className={styles.upArrows}>
      <TinySlider settings={...settings}>
        {renderProfiles }
      </TinySlider>
    </div>
  )
}

1 Ответ

1 голос
/ 20 января 2020

Вам необходимо создать экземпляр для слайдера следующим образом: 

  import {tns} from './src/tiny-slider.js';

  var slider = tns({
    container: '.my-slider',
    items: 3,
    slideBy: 'page',
    autoplay: true
  });

с этим экземпляром в качестве ссылки вы можете вызвать функцию уничтожения следующим образом: slider.destroy()

Если вы передаете сгенерированный дочернему элементу, затем добавьте slider.destroy() к некоторой функции, которая может быть destroySlider(), и передайте ее дочернему элементу через подпрограмму Эту же функцию вы можете вызывать из дочерних элементов всякий раз, когда хотите уничтожить слайдер.

...