React改变this指向的三种方法

组件名称Home.js

基本代码;

import React from "react";

class Home1 extends React.Component{

    constructor(props){        
            super(props);        
            this.state={ 
              msg:'zhesh' 
            }    
    }
    render(){  
            return(){ <div></div>}   
            }   
    }  
 
 export default Home1;

构建方法

1.第一种：bind传递this 改变this指向 

//在constructor和render 中间构建方法

import React from "react";

class Home1 extends React.Component{

    constructor(props){     }

    getDate(){
        
    alert(this.state.msg)   

   } 

    render(){      }  
 
 export default Home1;

在render中使用方法

    render(){  
            return(){ 
              <div>

                 <button onClick={this.getDate.bind(this)}> 第一种方法</button>    

              </div>