React解决this指向undefined问题的五种方式

为什么 Reate 要改变this的指向性问题

简单来说就是因为Reate中回调要使用this,并且使用的频率非常高,所以this指向必须是我们要掌握的

说明

本文章只是个人见解,是自己用于自己总结一些知识点的,有需要的小伙伴可以借鉴

方法一

1. 高阶函数(柯里化)🚀

高阶函数：通过 this 来直接调用 handleClick 并返回箭头函数。

🧐 柯里化：通过函数调用继续返回函数的形式，实现多次接收参数最后统一处理的函数编码形式。

export default class user extends Component {
  state = {
    cound:0
  }
  //this的指向是什么就是看谁调用的
  addEvent() {
    return () => {
      console.log(this);
    }
  }
  render() {
    return (
      <button onClick={this.addEvent()}></button>
    )
  }
}
复制代码