React(组件的this绑定)

  • 在constructor中绑定this
class Epp extends Component {
    constructor()
    {
        super();
        this.fn=this.fn.bind(this);//注意这一步需在constructor()中设置    
    }
    fn(event)
    {
        console.log('123') 
    }

    render() {
        return (
            <div onClick={this.fn}>
            123
            </div>  
            );
        } 
    }
  • 在render中绑定this
class Epp extends Component {
    constructor()
    {
        super();
    }
    fn(event)
    {
        console.log('123') 
    }

    render() {
        return (
            <div onClick={this.fn.bind(this)}>
            123
            </div>  
            );
        } 
    }
  • 箭头函数
class Epp extends Component {
    constructor()
    {
        super();
        this.fn=this.fn.bind(this);     
    }
    fn=(event)=>
    {
        console.log('123') 
    }

    render() {
        return (
            <div onClick={this.fn}>
            123
            </div>  
            );
        } 
    }
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容