title: Hide/show elements with react-select - elements not hiding
body: <p>I am using the react-select library with a list of states, and then using that to hide/show my elements
  The elements are showing when I select them from the list, but then don't hide when they're removed. Here is the code:</p>
  <pre><code>import React from 'react';
  import Select from 'react-select';
  
  const options = [
      { value: 'ny', label: 'NY' },
      { value: 'ca', label: 'California' },
      { value: 'ak', label: 'Arkansas' }
  ];
  
  export default class HomePage extends React.Component {
      constructor(props) {
          super(props);
          this.state = {}
      }
  
      handleChange = (selectedOption) =&gt; {
          if (!selectedOption) {
              this.setState({})
          }
          else {
              const result = {}
              
              selectedOption.map((option) =&gt; {
                  result[option.value] = true
              })
  
              this.setState(result)
          }
      }
  
      render() {
          return (
              &lt;div&gt;
                  &lt;Select
                      isMulti
                      onChange={this.handleChange}
                      options={options}
                  /&gt;
                  {this.state.ny &amp;&amp; (
                      &lt;div&gt;NY State Images&lt;/div&gt;
                  )}
                  {this.state.ca &amp;&amp; (
                      &lt;div&gt;CA State Images&lt;/div&gt;
                  )}
                  {this.state.ak &amp;&amp; (
                      &lt;div&gt;AK State Images&lt;/div&gt;
                  )}
              &lt;/div&gt;
          )
      }
  }
  </code></pre>