TS装饰器bindThis优雅实现React类组件中this绑定

时间:2022-11-30 RyanOnCloud 人气:0

为什么this会是undefined

初学React类组件时，最不爽的一点应该就是 this 指向问题了吧！初识React的时候，肯定写过这样错误的demo。

import React from 'react';
export class ReactTestClass extends React.Component {
  constructor(props) {
    super(props);
    this.state = { a: 1 };
  }
  handleClick() {
    this.setState({a: 2})
  }
  render() {
    return <div onClick={this.handleClick}>{this.state.a}</div>;
  }
}

上面的代码在执行 onClick 时，就会如期遇到如下的错误...

加载全部内容