react项目中的TypeError：Cannot read property 'setState' of undefined

react报错 TypeError: Cannot read property 'setState' of undefined

class drag extends Component {
    constructor(props) {
        super(props);
        this.state = {
            activeDrags: 0
        }
        this.onStart = this.onStart.bind(this);
        //不加此行会报TypeError错误
    }

    onStart() {
        this.setState({activeDrags: ++this.state.activeDrags});
    }
    render() {
        const dragHandlers = {onStart: this.onStart};
        return (
            

               
                    
你可以随意拖动我
                
            
        );
    }
 
}
export default drag;

开始拖动时，到了onStart（）方法中的this已经不是组件里的this了

第一种方法可以手动绑定:

this.onStart = this.onStart.bind(this);添加它就可以解决.

第二种方法是使用箭头函数:

onStart= ( ) => {
        this.setState({activeDrags: ++this.state.activeDrags});
}

箭头函数除了代码少，与普通函数最大的不同就是：this是由声明该函数时候定义的，一般是隐性定义为声明该函数时的作用域this。

箭头函数最大的作用是使得this从正常情况下的动态作用域(根据运行位置确定值)变成了静态作用域(根据定义位置确定值,也就是词法作用域)。