Slider.js

import React from 'react';
import InputRange from 'react-input-range';
import "./Slider.css";
import 'react-input-range/lib/css/index.css';

class Slider extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            value: {
                min: 0,
                max: 5,
            },
        };
    }

    filter = () => {
        this.props.handleFilter(this.props.restaurant);
    };

    render() {
        return (
            <form className="sliderForm col">
                <InputRange
                    // allowSameValues={true}
                    minValue={0}
                    maxValue={5}
                    formatLabel={value => `${value}`}
                    value={this.state.value}
                    onChange={value => this.setState({ value: value })}
                    // onChangeComplete={value => console.log(value)}
                    onChangeComplete={this.filter}
                />
            </form>
        );
    }
}




export default Slider;