Question

在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？

Answer 1

您可以使用事件处理程序收到的事件：

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

Answer 2

您必须使用this.refs。请参见docs about。一个文档示例：

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.myRef = React.createRef();
  }
  render() {
    return <div ref={this.myRef} />;
  }
}

Answer 3

我建议您学习箭头功能() => {}，它们将为您绑定范围。

了解更多：

https://medium.freecodecamp.org/learn-es6-the-dope-way-part-ii-arrow-functions-and-the-this-keyword-381ac7a32881

相当于this.id的React.js

3 个答案: