從反應onChange <select>場不開火

Question

我有父級和子級組件。 我的孩子組件包含一個帶有一些選項的選擇字段，這些選項在單擊（onChange）時應更新“父項”的狀態，但不會。 我將調試器放入該函數中，該函數應在onChange()發生時運行，但從未成功執行。 我在哪里錯了？

Parent Component Function

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

通過像這樣的道具：

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

然后是我的帶有選擇字段的Child Component 。

<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

我最終重寫了它，並且它可以正常工作。 看起來像這樣：

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

像道具一樣傳遞

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

這樣叫

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

奇跡般有效