代码之家 › 专栏 › 技术社区 › vin_Bin87

从未触发的字段更改时作出反应

onchange render onclick reactjs javascript

vin_Bin87 · 技术社区 · 8 年前

我有父组件和子组件。我的子组件包含一个带有一些选项的选择字段,这些选项应该在单击(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>

1 回复 | 直到 8 年前

vin_Bin87 8 年前

最后我重新写了一遍,效果很好。看起来像这样:

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

像这样作为道具通过

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

像这样叫

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

很有魅力

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

11 月前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

11 月前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

11 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

11 月前

Luckkks · 过渡色工作不正常

11 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

11 月前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

12 月前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

12 月前

noblerare · Vite错误-未定义导出(SSR)

12 月前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

1 年前