event.target.name给予未定义的

Question

当我尝试将输入组件中的值发送到console.log函数中的句柄函数时，我接收到变量cName为undefined的event.target.name。

@connect((store) => { 
      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 (
        <div> 
        <form onSubmit={this.handleFormSubmit.bind(this)}> 
         <label>{this.props.label}</label> 
         <SearchBar 
          name="CityName" 
          type="text" 
          value={this.props.cityName} 
          placeholder="search" 
         /> 

         <button type="submit" className="" value='Submit' placeholder="Search">Search</button> 
        </form> 
        </div> 
       ); 
      } 
     } 

搜索栏组件

const SearchBar = (props) => (
     <div> 
      <label>{props.label}</label> 
      <input name={props.name} type="text" defaultValue={props.value} placeholder={props.placeholder}/> 
     </div> 
    ); 
    export default SearchBar; 

编辑：这是为什么VAR不确定应该不是传递

Answer 1

你传入事件与e变量handleFormSubmit，因此event对象是不确定的那里，并且因为它没有定义在哪里，它会正确返回undefined。

只要将e改为event就可以了handeFormSubmit的说法。