Réagir surChanger de <select> champ ne se déclenche pas

Question

J'ai des composants parent et enfant. Mon composant enfant héberge un champ select avec quelques options et celles-ci devraient mettre à jour l'état du Parent quand on clique dessus (onChange), mais ce n'est pas le cas. J'ai jeté dans un débogueur dans la fonction qui devrait être en cours d'exécution lorsque le onChange() se produit, mais il ne le touche jamais. Où vais-je me tromper ici?

Parent Component Function

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

Passed comme un accessoire comme ceci:

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

Et puis voici mon Child Component avec le champ de sélection.

<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

J'ai fini par le réécrire et ça marche. On dirait ceci:

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

passé comme des accessoires comme si

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

appelé comme cette

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

fonctionne comme un charme