Javascript 如何使用输入类型范围读取属性目标

我试图在React中的组件上实现一个

输入范围

滑块

但是，当我尝试使用滑块时，每当我移动滑块并且站点中断时，就会出现此错误，

“UncaughtTypeError:无法读取未定义的属性“target”。

这是我到目前为止试过的，有没有关于我哪里出了问题的想法？谢谢

import React, {Component} from 'react';
import Grid from 'material-ui/Grid';
import Loader from './Loader';

class Leader extends Component {
    constructor(props){
        super(props);
        this.state = {
            isLoading: true,
            value: 3
        };
    }

componentDidMount(){
    //delays rendering for the css loader, which will appear for 1 second and will let the component load after
    setTimeout(() => this.setState({isLoading: false}), 1000);
}

handleSliderChange(event){
    this.setState({value: this.event.target.value});
}

render(){

    if(loading){
        return <Loader />
    }else{
        return(
            <Grid container gutter={24}>                

                <Grid item xs={12}>

                    <div className="questionDesc questionFadeIn sectionSeperator">
                        How much money do you want?
                    </div>

                    <div>
                        <input
                        type="range"
                        min="0"
                        max="5"
                        value={this.state.value}
                        onChange={this.handleSliderChange.bind(this)}
                        step="1" />
                    </div>
                </Grid>
            </Grid>
        )
    }
}
}

export default Leader;

import React，{Component}来自'React'；
从“物料界面/网格”导入网格；
从“./Loader”导入加载程序；
类长扩展组件{
建造师（道具）{
超级（道具）；
此.state={
孤岛加载：是的，
价值：3
};
}
componentDidMount（）{
//延迟css加载器的渲染，该加载器将出现1秒，并在之后让组件加载
setTimeout（（）=>this.setState（{isLoading:false}），1000）；
}
手柄滑动开关（事件）{
this.setState（{value:this.event.target.value}）；
}
render（）{
如果（装载）{
返回
}否则{
返回(
你想要多少钱？
)
}
}
}
导出默认的领导者；

取代

handleSliderChange(event){
    this.setState({value: event.target.value});
}

取代

handleSliderChange(event){
    this.setState({value: event.target.value});
}

---

尝试此onChange={this.handleSliderChange.bind（e）}，将事件而不是

this.event.target.value

传递到

event.target.value

。尝试此onChange={this.handleSliderChange.bind（e）}，将事件而不是

this.event.target.value

传递到

event.target.value

。