Zugriff auf eine Variable innerhalb einer Rückruf

Question

ich in einem reagieren app bin und einen Anruf tätigen axios mit:

import axios from 'axios'; 

    export default { 
     getData : function(callback){ 

     var instance = axios.create({ 
      baseURL: '//abc/json', 
      withCredentials: false 
     }); 

     instance.get('') 
      .then((response) => {    
        callback(response.data.abc);     
       }, (error) => { 
        callback(error) 
       }); 
     } 
    } 

In einer anderen Datei, ich folgendes tue:

import file from './file'; 


//class definition... 

    componentDidMount(){ 

     var obj = {} 
     var res = file.getData(function(abc){ 
      obj['abc'] = abc; 
     }); 

     console.log('obj-abc ', obj.abc); //returns undefined 
     } 

Wie oben gezeigt, Ich werde immer undefiniert. Ich möchte grundsätzlich, dass die Variable global verfügbar ist. Ich habe mir andere Vorschläge zu Rückrufen auf dieser Seite angesehen, aber keine von ihnen konnte mir helfen.

Jede Hilfe wäre willkommen.

Answer 1

Einfach gesagt

componentDidMount(){ 

var obj = {} 
var res = file.getData(function(abc){ 
    obj['abc'] = abc; 
    console.log('obj-abc ', obj.abc); 
}); 

Da die GetData-Methode ist asynchron, es wird nicht notwendigerweise sequentiell in dem JavaScript-Code ausgeführt werden. Diese Variable ist bereits global, aber wenn Sie sicherstellen möchten, dass Sie sie direkt danach verwenden können, setzen Sie eine Art der Abschlussbedingung, bevor Sie die Codeausführung fortsetzen.

Answer 2

Nur um auf JS hier klar zu sein. Blick auf Code

setTimeout(met1, 0); 
console.log("11");  
setTimeout(met2, 0); 
console.log("22"); 

Out Put wird wie dieser Also immer

11 
22 
met1 output 
met2 output 

sein bedenken Sie, dass Asynchron-Code wird in Zukunft und nicht in diesem Moment ausgeführt werden. Wir sparen Ihnen viel Zeit beim Debuggen. Hoffe das hilft.