Javascript 如何在<；上使用.destory（）；TinySlider></TinySlider>；

我对TinySlider有一个问题，我想如果我能使用rebuild（）和destroy（）方法，我也许能够修复这个问题/bug

但是，您究竟如何在这样的组件上使用.destroy（）

（我来自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>
  )
}

构造函数（道具）{
超级（道具）；
此.state={
简介：[]，
孤岛加载：是的，
错误：null
};
loadCss（'//cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/tiny slider.css'）；
}
if（this.props.toggleInfoHeaderValue==true）{
返回(
{renderProfilesCarousel}
)
}
否则{
返回(
{renderProfiles}
)
}

您需要为slider创建一个实例，如下所示：

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

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

使用该实例作为引用，您可以按如下方式调用destroy函数：

slider.destroy（）

如果要将生成的内容传递给孩子，则在名为maybe

destroysslider（）

的函数下添加

slider.destroy（）

，并通过道具将其传递给孩子。无论何时想要销毁滑块，都可以从子级调用相同的函数