关于 改变this指向

关于 改变this指向

import React, { Component, Fragment } from 'react';

class Counter extends Component {

    constructor(props) {
        super(props);
        this.handleBtnClick = this.handleBtnClick.bind(this);
        this.state = {
            counter: 1
        }
    }

    handleBtnClick() {
        const newCounter = this.state.counter + 1;
        this.setState({
            counter: newCounter
        })
    }

    render() {
        console.log('counter render');
        return (
            <Fragment>
                <button onClick={this.handleBtnClick}>增加</button>
            </Fragment>
        )
    }

}

export default Counter;

请问老师 :

this.handleBtnClick = this.handleBtnClick.bind(this);

改变this 的指向,意思是 原本 this 是指向 dom 节点本身,将其改变为指向整个文件。

请问老师是这个意吗?


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,

同学的理解有偏差哈,

分析一下:   

this.handleBtnClick = this.handleBtnClick.bind(this);

简单来说:是把原型方法handleBtnClick( )改变为实例方法handleBtnClick( ),并且强制指定这个方法中的this指向当前的实例。

如果我的回答帮助了你,欢迎采纳,祝学习愉快~


提问者 慕小庄 2019-09-09 18:50:42

http://img1.sycdn.imooc.com//climg/5d762cc80001a67209770762.jpg

请问老师:

我目前的理解是这样

<li onClick={this.handleItemClick}>{content}</li>

<li> 点击 触发的方法 this 并没有当前的实例,所以才用

this.handleItemClick = this.handleItemClickxxx.bind(this);

而 handleItemClickxxx () 是我们要去接受 父组件的方法

请问老师,这样理解对吗?


  • 同学你好, 这样理解是正确的哦~如果我的回答帮助了你,欢迎采纳,祝学习愉快~
    2019-09-09 19:07:46
  • 提问者 慕小庄 回复 好帮手慕嘟嘟 #2
    謝謝老師!
    2019-09-10 10:01:40
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师