title: How to build a advanced filter component in react?
body: <p>I don't seem to find quite exactly what I am looking for despite many research. I'm building a real estate react app, in the search page I want to be able to filter result based on price range, bedroom count, bathroom count, house type. I went over some tutorial, but I'm not quite sure if they point me in the right direction. I want to use functional component, react hooks, no redux or MobX and no css framework. Is it a necessity to use a <code>&lt;/form&gt;</code> tag? How can we dynamically apply multiple filter on an array? Because the filter will work on local data that has been downloaded from an api stored in an array. I would like as much as explanation as possible please. Here's an example:
  <a href="https://i.stack.imgur.com/w32ae.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/w32ae.png" alt="enter image description here"></a></p>