react中使用Knob - Dial

 

react中使用Knob - Dial_第1张图片

1、添加js插件


2、在render中添加html代码

   

3、在componentDidMount方法中写slide方法:

componentDidMount: function () {
        $(".dial").knob(
            {
                release:this.changeValue
            }
        );
    },

4、拖动结束后值返回:

 changeValue:function(v){
        console.log(v);
    },

 

你可能感兴趣的:(react,javascript,jquery)