NoUiSlider没有参与反应项目

Question

我正在尝试在我的反应应用程序中使用nouislider，但它无法正常工作。我可以看到滑块，但滑块按钮没有移动或滑动。我按照文档中的建议初始化了它。这是我的代码

 componentDidMount(){


        var noUi_slider = document.getElementById('noUiSlider');
        noUiSlider.create(noUi_slider, {
            start: 40,
            connect: true,
            range: {
                min: 0,
                max: 100
            }
        });

这看起来如何

我无法拖动滑块。它没有移动，但在检查时，滑块的值正在变化。这意味着运动不可见。我该怎么解决这个问题？