How to use with a owner component? about react-input-range HOT 2 CLOSED

I think the reason why you had a stack overflow is because onChange callback is triggered when there's a change in the component's state. Therefore, calling setState inside onChange will create a recursive loop. I added a check in a751807 so that not all state changes will trigger an update.

Anyhow, I think to achieve what you want, you have to retain the changed value of the component so that next time when render method of your owner component gets executed, the re-render uses the latest value instead.

For example:

onChange(component, values) {
  this.values = values;
  this.setState({ hello: 'hello' });
}
render() {
  return (
    <InputRange values={this.values} onChange={this.onChange.bind(this)} />
  );
}

from react-input-range.

Wow, thank you for your help! That was really fast :). Maybe I can help out on something in the future :)

from react-input-range.