MultiSlider with callback

[MikeDabrowski]

I'd like to have ranged slider showing what value is selected. So far I managed to do this:

Sliding lower slider changes first value, but sliding upper slider does not. I do not know how to fix it. I suppose this can be done in onValuesChange props.

Code

constructor(props) {
        super(props)

        this.state = {
            formData: {},
            friends: 1098,
            sliderOneChanging: false,
            sliderTwoChanging: false,
            sliderOneValue: 3,
            sliderTwoValue: 7
        }

    }
[...]
sliderOneValuesChange = (values) => {
        let newValues = 0;
        newValues = values[0];
        this.setState({
            sliderOneValue: newValues,
        });
    }
[...]
<MultiSlider values={[this.state.sliderOneValue,this.state.sliderTwoValue]}
        sliderLength={280}
        onValuesChangeStart={this.sliderOneValuesChangeStart}
        onValuesChange={this.sliderOneValuesChange}
        onValuesChangeFinish={this.sliderOneValuesChangeFinish}/>

[MikeDabrowski]

Please confirm if this is ok:

sliderOneValuesChange = (values) => {
        let newValuesO = values[0];
        let newValuesT = values[1];
        this.setState({
            sliderOneValue: newValuesO,
            sliderTwoValue: newValuesT,
        });
    }

[udaymenon173]

Yes, this works.Thank You.