Getting error when binding PropertyPaneSlider value inside Carousel

Question

I have a SPFX webpart which has developed in react js code.  I have a PropertyPaneSlider value which I want to bind with Carousel  interval dynamically. 

<Carousel  interval={2000} nextIcon={<span aria-hidden="true" className="carousel-control-next-icon" />}>  

{Bindvalue}  

</Carousel>  

{Bindvalue}  

 

{Bindvalue}  

-------------------------------------

PropertyPaneSlider('sliderSpeed',{  

                  label:"Slider speed(in seconds)",  

                  min:500,  

                  max:10000        

                })

------------------------------------

Could youn please help me how to bind this so that I can increase and decrease the interval dynamically.