Reagieren Router v3 onEnter warten auf Versprechen

Question

Ich sah überall vor dem Posten dieser Frage, aber ich konnte nichts finden !!!

Also ich möchte, dass einige Routen in meiner Reagieren-App warten auf ein Versprechen gelöst werden, so dass ich die Benutzer-Rollen überprüfen kann, wenn dieser Benutzer auf eine bestimmte Route zugreifen kann.

Ich habe versucht, den Code unten, aber es funktioniert nicht!

checkRoles = (nextState, replace) => { 

    if(token && !loggedUser) { 
      this.getUserData() 
      .then(() => { 
       alert('you are logged in.'); 
       replace('/dashboard'); 
      }) 
      .catch(() => { 
       alert('session expired.'); 
       replace('/login'); 
      }); 
      } else { 
      alert('Please login first.'); 
      replace('frontend/login'); 
      } 
     } 

Der ersetzen vollständig in catch und then Funktionen ignoriert wird, habe ich auch versucht callback() ein drittes arg vorbei, ist es nicht so gut funktionieren!

Answer 1

Sie haben 3.e Parameter der onEnter-Funktion:

checkRoles = (nextState, replace, cb) => { 
    if (token && !loggedUser) { 
    this.getUserData() 
     .then(() => { 
     alert('you are logged in.'); 
     replace('/dashboard'); 
     cb(); 
     }) 
     .catch(() => { 
     alert('session expired.'); 
     replace('/login'); 
     cb(); 
     }); 
    } else { 
    alert('Please login first.'); 
    replace('frontend/login'); 
    cb(); 
    } 
};