Warte onLoad innerhalb mehrerer Komponenten

Question

Ich muss Komponenten rendern, nachdem ich eine Antwort von onLoad Funktion erhalten habe. Ist es möglich?

var component = this.props.items.map(function(item, index) { 
    var img = new Image(); 
    img.src = item.src; 
    img.onload = function() { 
     var width = img.width; 
     return <img src={item.src} alt={width} key={index} /> 
    } 
}.bind(this)); 

Answer 1

Sie können alle Bilder im Konstruktor Ihrer Komponente vorab laden. Wenn alle Bilder ihren Onload-Rückruf abgeschlossen haben, verwenden Sie setState, um den Status Ihrer Komponente zu ändern.