在多个组件中等待onLoad

Question

我需要在从onLoad函数获得答案后呈现组件。有可能吗？

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

您可以预加载组件构造函数中的所有图像。然后，当所有图像完成其onload回调时，使用setState来更改组件的状态。