Javascript 滑块上的设置状态事件状态不是函数错误

我试图在更新滑块时更改状态。 不知何故，设置状态不是一个函数错误出现：

“TypeError:this.setState不是函数”

我是个新手，可能还没有意识到如何使用状态

var ReactDOM = require('react-dom');
var React = require('react');
var SliderComponent = require('rc-slider');

class Slider extends React.Component {
constructor(props) {
    super(props);
    console.log("SLIDER");
    console.log(props);
    this.state = {
        value: 50,
    };

}
onSliderChange(value){
    console.log(value);
    this.setState({
        value: value
    });
}
render() {
    return (<div> SLider
        <SliderComponent value={this.state.value} tipTransitionName="rc-slider-tooltip-zoom-down" onChange={this.onSliderChange} />
    </div>)
}
}

module.exports = Slider;

var ReactDOM=require（'react-dom'）；
var React=要求（'React'）；
var SliderComponent=require（'rc-slider'）；
类滑块扩展了React.Component{
建造师（道具）{
超级（道具）；
控制台日志（“滑块”）；
控制台日志（道具）；
此.state={
价值：50，
};
}
滑动范围（值）{
console.log（值）；
这是我的国家({
价值：价值
});
}
render（）{
返回（滑块
)
}
}
module.exports=滑块；

您需要将此绑定到onSliderChange函数

<SliderComponent value={this.state.value} tipTransitionName="rc-slider-tooltip-zoom-down" onChange={this.onSliderChange.bind(this)} />

还有很多其他方法可以做到这一点

constructor(props) {
    super(props);
    console.log("SLIDER");
    console.log(props);
    this.state = {
        value: 50,
    };
    this.onSliderChange = this.onSliderChange.bind(this)
}