Question

我有父子组件。我的子组件包含一个带有一些选项的选择字段，这些选项应该在单击时更新父状态（onChange），但它们不会。我把一个调试器插入到onChange（）发生时应该运行的函数中，但是它永远不会命中它。我在哪里错了？父组件功能 updateModal（evt）{ this.setState（{reason：evt.target.value}） } 像这样的道具传递：＆LT; PastSessions updateModal = {this.updateModal.bind（本）} /＆GT; 然后这是我的子组件与选择字段。＆lt; select value = {this.props.reason} onChange = {this.props.updateModal}＆gt; ＆lt; option value =＆＃39; One＆＃39;＆gt; One＆lt; / option＆gt; ＆lt; option value =＆＃39; Two＆＃39;＆gt; Two＆lt; / option＆gt; ＆lt; option value =＆＃39; Three＆＃39;＆gt; Three＆lt; / option＆gt; ＆LT; /选择＆GT;

Answer 1

我最终重写了它并且它有效。看起来像这样：

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

像道具一样传递

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

这样称呼

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

像魅力一样工作

从<select>字段反应onChange而不触发

1 个答案: