Why does an error occur when reading data from state?

Question

React

https://codesandbox.io/s/zn73y6yylm

Answer 1

Typo and wrong condition. You can fix it like this:

onChange = value => {
  const [from, to] = value;

  const filteredStudios = this.state.studios.filter(studio => 
    studio.price >= from && studio.price <= to
  );

  this.setState({
    studios: filteredStudios,
    from,
    to,
  });
};

Only you are overwriting the filtered state on top of the unfiltered one. I also think this is wrong.