React Fetch funktioniert nicht in IE11

Question

Ich habe eine ReactJS-Anwendung, die in Chrome wie erwartet funktioniert, aber in IE-11 fehlschlägt.

Das Problem ist das - wir haben zwei Dropdown-Listen, die aus Rest-Diensten gefüllt werden, wenn die Seite zum ersten Mal geladen wird. Die Anwendung läuft unter SSL. Wenn die Seite durch IE-11 geladen wird, erhalte ich ein IE-11 Fehler Problem, bei dem der erste Anforderung Anruf durch den zweiten den Fehler aufgehoben wird hier beschrieben wird:

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/1282036/

Also, ich bin gerade fragt die Gemeinde, ob eine Arbeit um für IE-11 ist oder wird ich den Code der Reihe nach zu implementieren, wo, wenn die ersten den zweiten vollständig genannt wird:

export let getMainData = (dtType, url)=> { 
return dispatch=>{ 
     dispatch(sendGet(dtType)); 
     const action = (async(url) => { 
       const response = await fetch(url); 
       let data = await response.json(); 
        dispatch(receiveGet(dtType,data)); 
    }); 
    action(url); 
}; 
}; 

oben der Code ist gemeinsamer Code und wird von andere in der React App. Also, was ich denke, wenn es weg ist, um eine Ebene der Abstraktion zu haben, wo die zwei Dropdown-Listen nacheinander aufrufen können und dann die oben genannten vielleicht anrufen?

Answer 1

Es scheint, dass Sie die Fetch API verwenden, die noch nicht von IE unterstützt wird. Aus diesem Grund funktioniert Ihre App in Chrome.

Ich würde vorschlagen, Sie zu einem 3rd-Party-lib wie Axios bewegen, Superagent, etc ...

Answer 2

Gerade isomorphic-fetch als polyfill enthalten, um es auf nicht unterstützten Browsern funktionieren.

https://github.com/matthew-andrews/isomorphic-fetch