来自 <select> 字段的反应 onChange 未触发

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}>

像魅力一样工作