首页 > 解决方案 > React.js 等价于 this.id

问题描述

在 html 网络表单中,我会使用这样的 JavaScript 函数:

<select id="test" onChange="getId(this.id)"> </select>

<script>
   function getId(id){
      document.getElementById(id);
   }
</script>

像这样的 react.js 版本会是什么?我试着做:

constructor(){
   super();
   this.HandleAddListener = this.HandleAddListener.bind(this.id);
}

和选择选项:

<select id="test" onClick{this.HandleAddListener.bind}> </select>

那么我将如何尝试获取 this.id?

标签: javascriptreactjs

解决方案


您可以使用事件处理程序接收的事件:

class {
  HandleAddListener(event) {
    console.log(event.target.id);
  }

推荐阅读