I right now just get the first 3 Object of an Array and map over them:

<ul className=ItemSearchList> 

  { 

    champions.slice(0,3).map(function(champ){

      return (

        <li key={champ.id} >

          <div className=media>

            <div className=media-left>

              <a href=#>

                <img className=media-object src={http://ddragon.leagueoflegends.com/cdn/5.2.1/img/champion/ + champ.key  + .png} />

              </a>

            </div>

            <div className=media-body >

              <h4 className=media-heading>{champ.name}</h4>

              <div>

                something

              </div>

            </div>

          </div>

        </li>

      )

    }) 

  }

</ul>

Each champ has a level attribute (champ.level).

How can I sort my output to champ.level descending and slice the first 3?