title: event.target.name giving undifined
body: <p>When I try to send the the value from input component to handlesumbit function in console.log inside function I receive event.target.name for variable cName undefined.  </p>
  
  <pre><code> @connect((store) =&gt; {
              return {
                  nameOfCity:store.nameOfCity.nameOfCity,
                  weatherDescription:store.weatherDescription.weatherDescription,
                  windSpeed:store.windSpeed.windSpeed,
                  temperature:store.temperature.temperature,
                  maxTemperature:store.maxTemperature.maxTemperature,
                  minTemperature:store.minTemperature.minTemperature,
              }
          })
  
          class FormContainer extends Component {
  
              handleFormSubmit(e) {
                  e.preventDefault();
                  let cName = event.target.name;
                  console.log(cName);
                  this.props.dispatch(fetchWeatherData(cName));
              }
  
              render() {
                  return (
                      &lt;div&gt;
                      &lt;form onSubmit={this.handleFormSubmit.bind(this)}&gt;
                          &lt;label&gt;{this.props.label}&lt;/label&gt;
                          &lt;SearchBar
                              name="CityName"
                              type="text"
                              value={this.props.cityName}
                              placeholder="search"
                          /&gt;
  
                          &lt;button type="submit" className="" value='Submit' placeholder="Search"&gt;Search&lt;/button&gt;
                      &lt;/form&gt;
                      &lt;/div&gt;
                  );
              }
          }
  </code></pre>
  
  <p>SearchBar component</p>
  
  <pre><code>    const SearchBar = (props) =&gt; (
          &lt;div&gt;
              &lt;label&gt;{props.label}&lt;/label&gt;
              &lt;input name={props.name} type="text" defaultValue={props.value} placeholder={props.placeholder}/&gt;
          &lt;/div&gt;
      );
      export default SearchBar;
  </code></pre>
  
  <p>EDIT: Why is that var undefined shouldn't that be passed </p>