Сортировка массива по вынесеному индексу | React
Имеется код:
` return this.state.ipName.map((item, index, arr) => {
let voiceId = null
this.state.voiceList.forEach((i, ind, array) => {
if (i.name === item.name) {
voiceId = i.id
index = voiceId
}
})
if ( voiceId !== null ) {
return (
<div key={index} className={classes.Pars}>
<p className={classes.ParsP}> {item.name} </p>
<div className={classes.MainText}>
<hr />
<p>Язык: {item.lang}</p>
<p>Игровой мод: {item.gamemode}</p>
<p>Игроки: {item.players}</p>
<p>Пик: {item.peak}</p>
<p>Максимально игроков: {item.maxplayers}</p>
<p>Сайт: {item.url}</p>
{
voiceId === null
? <p>Голосов: 0</p>
: <p>Голосов: {voiceId}</p>
}
<p><b>IP: {this.state.setIp[index]}</b></p>
{
localStorage.getItem('email') === false || localStorage.getItem('email') === 'false'
? null
: <button onClick={this.onGiveVoice}>Проголосовать</button>
}
<p> </p>
</div>
</div>
)
}
})`
На веб страницу блоки должны выводиться по убыванию индекса, который мы получаем тут же. Он либо равен null ( ещё не определен ), либо какому-то числу
Как сделать вывод в порядку убывания по voiceId?