html - 如何使react的valueLink与选择元素一起工作?

标签 html reactjs

我读过这两个内容 react formsreact two way binding helpers 。 但我找不到任何关于如何使用 select 元素实现双向绑定(bind)的说法。

我尝试过:

render: {
  var selectValueLink = {
    value: this.state.selectedValue,
    requestChange: this.handleChange
  };

  return (
    <select valueLink={selectValueLink}>
      <option value={'A'}>OPTION A</option>
      <option value={'B'}>OPTION B</option>
      <option value={'C'}>OPTION C</option>      
    </select>
  );
}

但是当我通过鼠标单击手动更改所选选项时,this.handleChange 不会被触发。

有什么方法可以很好地使用 React 的 valueLink 来选择元素吗?

最佳答案

这是一个带有 select 元素的示例,一切似乎都正常工作 http://plnkr.co/edit/3ueB63nxJ4wwV8rSIusr

关于html - 如何使react的valueLink与选择元素一起工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33196673/

相关文章:

reactjs - React Native map 自定义标记阻止标记 onPress

javascript - 列表元素值在访问属性时返回错误值

reactjs - `getStaticProps` 填充页眉/页脚

javascript - 路口观察器(滚动动画)不工作

jquery - 分区宽度问题

javascript - 带有变量符号的 xpath。怎么办?

html - 使图像覆盖变暗并在 CSS 中在其上添加文本

javascript - 移除 react.js 中的 DOM,

javascript - <a> 标签上的下载属性在 Chrome 中不起作用

javascript - 如何防止图像在 react native 中的 uri 重新加载时闪烁?