react-rangeslider与react-collapse冲突

Question

我对初学者有所反应，上周才开始学习。所以，请忍受我。

基本上，我想将react-rangeslider代码放入react-collapse中。 我从here获得了react-rangeslider代码，而从here获得了react-collapse代码

如果分开放置，两种代码都可以正常工作，但是一旦合并，我的Rangeslider不再起作用。

<Collapse isOpen={this.state.collapse3}>
   <Card>
      <CardBody>
         <RangeSlider />
      </CardBody>
   </Card>
</Collapse>

这是它的样子。您可以看到折叠外部的Rangeslider完美工作，我可以拖动以更改开始和结束值。但是，如果它在折叠中，则无法拖动按钮。

我不知道如何解决此问题，希望你们中的一些可以向我提供一些建议。谢谢。