Auswahlfeld in reactjs funktioniert nicht

Question

Ich habe ein Formular mit Auswahlfeld, die Daten vom Server abrufen und es mit ant-Design auf Server veröffentlichen.

aber ich habe ein Problem, die Veränderungen umgehen nicht funktioniert und gots mir einen Fehler: nicht Eigenschaft ‚Wert‘ lesen undefinierten

dies ist mein Code

let optionData = []; 

class ContentCountries extends React.Component { 
    constructor(props){ 
    super(props); 
    this.state = { 
     value: 'Select', 
     jsonData: 0 
    }; 
    } 
    handleChange(event) { 
    this.setState({value: event.target.value}); 
    } 
    handleSubmit(event) { 
    event.preventDefault(); 
    var data = { 
     name: this.state.value 
    } 
    console.log(data); 
    /*$.ajax({ 
     type: 'POST', 
     url: 'https://google.com', 
     data: data 
    })*/ 
    } 
    componentDidMount(){ 
    //ajax request 
    /*$.ajax({ 
     type: 'GET', 
     url: 'https://google.com', 
     succes: function(data){ 
     optionData = data; 
     } 
    })*/ 
    //static example 
    optionData.push('Bangalore'); 
    optionData.push('Pune'); 
    this.setState({jsonData: 1});//change the status so the select tag will get the new values(render will happen) 
    } 
    render() { 
    var optionsTag = <Option value="">Select City</Option> 
    if(optionData.length){ 
    optionsTag = optionData.map((data,index) => { 
          return <Option value={data} key={index}>{data}</Option> 
          }) 
    } 

    return (
    <form onSubmit={false}> 
     <label> 
      Please select city: 
      <Select value={this.state.value} onChange={this.handleChange.bind(this)}> 
      { optionsTag} 
      </Select> 
     </label> 
     <input type="button" onClick={this.handleSubmit.bind(this)} value="Submit" /> 
     </form> 
    ) 
    } 
} 

Answer 1

EDITED: Sorry, als Du hast gesagt, es ist Ant Design. Es ist jedoch fast dasselbe mit Ihrer handleChange Funktion. Weil es den Wert als Argument, nicht das Ereignis nimmt. Damit gibt es keine target Eigenschaft innerhalb des übergebenen Arguments.

handleChange(val) { 
 
    this.setState({value: val}); 
 
    }