が反応 - どのように私は、キー固有のIDにこので

Question

を持つ動的な子リストの順序を逆にすることができますJSフィドル： https://jsfiddle.net/justindeal/8hqqgbuf/5/?utm_source=website&utm_medium=embed&utm_campaign=8hqqgbuf

配列から作成されたリストがあります。私は一番下に来るのではなく、一番新しいエントリーを持っていたい。すでに達成されているキーにxxxxx.idを追加する以外に、これを細かく制御する方法については何も見つかりません。

ここはコードサンプルです。

var NotesList = React.createClass({ 
render: function() { 
    var notes = this.props.notepad.notes; 

    return (
     <div className="note-list"> 
      { 
       notes.map(function (note) { 
        return (
         <NoteSummary key={note.id} note={note}/> 
        ); 
       }) 
      } 
     </div> 
    ); 
} 
}); 

Answer 1

は、だから私はあなたがマップ・メソッドを経由して、配列の順序を逆転できる一般的なjavascriptの方法で考え出し、それが働きました。注目に値する

var NotesList = React.createClass({ 
render: function() { 
    var notes = this.props.notepad.notes; 

    return (
     <div className="note-list"> 
      { 
       notes.reverse().map(function (note) { 
        return (
         <NoteSummary key={note.id} note={note}/> 
        ); 
       }) 
      } 
     </div> 
    ); 
} 
});