複数のコンポーネント内で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を使用してコンポーネントの状態を変更します。