다른 함수에서 함수를 호출하려면 어떻게해야합니까?

Question

Google Analytics에는 두 가지 기능이 있습니다. 다른 함수에서 함수를 호출하려고합니다. TypeError: this is undefined라고하는 오류가 표시됩니다. 나는 이유를 이해할 수 없다? 이러한 기능은 구성 요소 내에서 호출되는 경우

는

handleAccounts = (response) => { 
    var details = response.result.items; 
    console.log(response); 
    this.setState({ 
    info: details 
    }); 
    details.map(function(x) { 
    gapi.client.analytics.management.webproperties 
     .list({accountId: x}) 
     .then(this.handleProperties.bind(this)); //This is the line where I am getting the Error. 
    }); 
} 

handleProperties = (response) => { 
    // Handles the response from the webproperties list method. 
    if (response.result.items && response.result.items.length) { 
    // Get the first Google Analytics account 
    var firstAccountId = response.result.items[0].accountId; 

    // Get the first property ID 
    var firstPropertyId = response.result.items[0].id; 

    // Query for Views (Profiles). 
    //queryProfiles(firstAccountId, firstPropertyId); 
    console.log(response); 
    } else { 
    console.log('No properties found for this user.'); 
    } 
} 

Answer 1

당신은 구성 요소 constructor 또는 componentDidMount 내를 bind해야합니다. 클래스 메소드는 기본적으로 React에서 바인딩되지 않으므로 바인딩은 콜백에서 'this'작업을 수행하는 데 필요합니다.