title: How to Filter array from state onChange based on category and revert to default?
body: <p>For my class based component, I have a <code>state</code> <strong>object</strong> that contains a defined array named <code>movies</code>. I also have a <code>handleMoviesFilter</code> function, that is called <code>onChange</code> on the <code>select</code> tag.</p>
  
  <p>How can I filter the options dynamically from my array, filter them onChange.. and revert when I pick another movie?</p>
  
  <pre><code>state = {
      movies: [
          {
              name: 'Goodfellas',
              category: 'crime'
          },
  
          {
              name: 'Saving private ryan',
              category: 'war'
          },
          {
              name: 'The Shawshank Redemption',
              category: 'drama'
          }
      ]
  }
  
  handleMoviesFilter = e =&gt; {
      let currentMovie = e.target.value;
  
      const updateMoviesState = this.state.movies.filter(({ category }) =&gt;
          currentMovie.includes(category)
      );
  
      this.setState({
          opleidingen: updateMoviesState,
          isResetButtonActive: true,
      });
  }
  
  &lt;select id="lang" onChange={this.handleMoviesFilter}&gt;
      &lt;option value="select"&gt;Select&lt;/option&gt;
      &lt;option value="Goodfellas"&gt;Goodfellas&lt;/option&gt;
      &lt;option value="Saving private ryan"&gt;Saving private ryan&lt;/option&gt;
      &lt;option value="The Shawshank Redemption"&gt;The Shawshank Redemption&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>