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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

RyanOnCloud   2022-11-30 我要评论

为什么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 时,就会如期遇到如下的错误...

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们