Reagieren onChange von <select> Feld nicht feuern

Question

Ich habe Parent und Child-Komponenten. Meine Kindkomponente enthält ein Auswahlfeld mit einigen Optionen, die den Zustand des Elternelements beim Klicken (onChange) aktualisieren sollten, dies jedoch nicht tun. Ich warf einen Debugger in die Funktion, die ausgeführt werden sollte, wenn die onChange() auftritt, aber es trifft es nie. Wo gehe ich hier falsch?

Parent Component Function

updateModal(evt) { 
    this.setState({ reason: evt.target.value}) 
} 

als Stütze bestanden wie folgt:

<PastSessions 
    updateModal={this.updateModal.bind(this)} 
/> 

Und dann ist hier mein Child Component mit dem Auswahlfeld.

<select value={this.props.reason} onChange={this.props.updateModal}> 
    <option value='One'>One</option> 
    <option value='Two'>Two</option> 
    <option value='Three'>Three</option> 
</select> 

Answer 1

Ich landete neu schreiben und es funktioniert. Sieht wie folgt aus:

handleUpdateChange(e) { 
    this.setState({ 
     reason: e.target.value 
    }) 
    } 

als Requisiten bestanden wie so

handleUpdateChange={this.handleUpdateChange.bind(this)}

ähnliche

genannt

<select value={this.props.reason} onChange={this.props.handleUpdateChange}>

Arbeiten wie ein Charme