title: when using {react-select} Cannot read property 'name' of undefined
body: <p><strong>I am very beginning to reactJS and front end</strong></p>
  
  <p>I added react-select npm for my dropdown like below, before added react-select everything is working fine. <strong>How to define name in Select?</strong></p>
  
  <pre><code>&lt;div className="container"&gt;
              &lt;div className="row"&gt;
                &lt;div className="col-md-4" /&gt;
                &lt;div className="col-md-4"&gt;
                  &lt;Select
                    options={this.state.allGenres}
                    onChange={this.props.onDataChange}
                    name="genre"
                  /&gt;
                &lt;/div&gt;
                &lt;div className="col-md-4" /&gt;
              &lt;/div&gt;
            &lt;/div&gt;
  </code></pre>
  
  <p><strong>this is my array,</strong></p>
  
  <pre><code> var Data = response.data;
      const map = Data.map((arrElement, index) =&gt; ({
        label: arrElement,
        value: index
      }));
  </code></pre>
  
  <p><strong>example:</strong></p>
  
  <pre><code>[
      {
          "label": "Action",
          "value": 0
      },
      {
          "label": "Comedy",
          "value": 1
      },
      {
          "label": "Documentary",
          "value": 2
      }
  ]
  </code></pre>
  
  <p>error message coming in here,</p>
  
  <pre><code>   dataChange(ev, action) {
      this.setState({
        [ev.target.name]: ev.target.value
      });
    }
  </code></pre>
  
  <p><strong>render()</strong></p>
  
  <pre><code> render() {
      return (
        &lt;Movie
          onPostData={this.postData.bind(this)}
          onDataChange={this.dataChange.bind(this)}
        /&gt;
      );
    }
  </code></pre>
  
  <p><strong>Error</strong></p>
  
  <blockquote>
    <p>Uncaught TypeError: Cannot read property 'name' of undefined
        at Movies.dataChange</p>
  </blockquote>