关于react类组件内函数获取不到this

 1、定义

 2、使用

 3、报错

4、原因

 

当定义React组件时，extends React.Component时，不会将this继承下来。所以this是undefined.
而ES6中的arrow function呢，默认在定义的时候会绑定this。
使用this一般有两种做法。

• 直接使用箭头函数

• 在constructor中绑定。

class {

    constructor() {

        super(...arguments);

        this.myFunction = this.myFunction.bind(this);

    }

    

    render() {

        return(

            <div onClick={this.myFunction}></div>

        )

    }

    

    myFunction() {

        //

    }

}