投掷"未捕获的ReferenceError:未定义值"在反应范围滑块中

时间:2015-12-30 10:45:32

标签: javascript html reactjs npm

我已经遵循了nodejs react range滑块组件指令(https://www.npmjs.com/package/react-rangeslider)。我已经安装了所有依赖项,但我仍然没有定义"值未定义"错误。我不知道为什么会这样。 在这里,我已经包含了我的代码,

var React  = require('react');
var Slider = require('react-rangeslider');

var Volume = React.createClass({
    getInitialState: function(){
        return {
            value: 10,
        };
    },
    handleChange: function(value) {
        this.setState({
            value: value,
        });
    },
    render: function() {
        return (
            <Slider value={value} orientation="vertical" onChange={this.handleChange} />
        );
    }
});

module.exports = Volume;

1 个答案:

答案 0 :(得分:2)

此处的变量value未定义:

<Slider value={value} orientation="vertical" onChange={this.handleChange} />

使用您所在州的值

<Slider value={this.state.value} orientation="vertical" onChange={this.handleChange} />