老师,关于React中this指向的问题,是不是可以这样理解?

来源:2-6 React 中数据驱动的设计思想和事件绑定(2)

程序媛小灯

2021-03-25 15:01:53

  render() {
    return (
      <Fragment>
        <input
          value={this.state.inputValue}
          onChange={this.handleInputChange}
        />
        <ul>
          <li>Learn React</li>
          <li>Learn Component</li>
        </ul>
      </Fragment>
    );
  }

对于上面这段代码

onChange={this.handleInputChange}中的this是render函数自身的this,指向组件实例。

此时this.handleInputChange只是对于handleInputChange的一个引用,没有加()进行调用,所以在onChange事件触发时才会调用handleInputChange()方法。

此时调用这个方法的应该是全局的window对象,this应该指向window,但是ES6中的class是严格模式,所以这时的this指向的就是undefined。

不知道我这样理解是不是正确的?

谢谢老师!

写回答

1回答

好帮手慕久久

2021-03-25

同学你好,老师认为你的理解是对的,很棒。

祝学习愉快!

0

0 学习 · 15276 问题

查看课程