NoUiSlider的滑块在反应应用程序中不起作用

Question

我正在尝试在我的反应应用程序中使用noUiSlider。滑块显示但滑块不起作用。它不动。这是我在componentDidMount方法中初始化滑块的方法。

 componentDidMount(){


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

}

我做错了什么？

P.S。当我单击滑块时间轴上的任何位置时，我检查时的时间会发生变化。但是滑块（指针）没有移动。