Reactを使用して最高価格で昇順に注文する方法は？

Question

私はオファーを受け取り、一番上に最高を設定したいコンポーネントを持っています。

var Offerslist = React.createClass({ 
    _renderOffers: function(key) { 
    var details = this.props[key]; 

    // TODO: set order of highest offer descending 

    return (
     <li key={key} className="offer-of-item"> 
     &euro; {details.price} 
     <a className="remove-offer" onClick={this._removeOffer}>X</a> 
     </li> 
    ) 
    }, 
    render : function() { 
    return (
     <ol className="list-of-offers-per-item"> 
     {Object.keys(this.props).map(this._renderOffers)} 
     </ol> 
    ) 
    } 
}); 

Iオブジェクトの配列を取り込むと考え価格により.sort使用次いで、及び{価格： 'foo123'：123、offerid}これはコードです。しかし、私はすべてのオブジェクトを一度に繰り返すことはないので、このような配列を設定することはできません。これを行うための組み込みのリアクション方法がありますか？

データ：

Answer 1

は、通常の配列のためには、sortメソッドを使用すると思います。私は間違った場所で探していた

Object.keys(this.props) 
    .sort((a, b) => (this.props[a].price - this.props[b].price)) 
    .map(this._renderOffers)