ReactJS: Как отсортировать массив объектов на основе значений реквизитов?

Question

У меня есть массив объектов React, и я хочу отсортировать их по значению одного из их реквизитов.

var arr=[]; 
arr[0] = <Fruit name="orange" count={10}/> 
arr[1] = <Fruit name"apple" count={5}/> 

Есть ли встроенный в React функции, которые я могу использовать, чтобы отсортировать этот массив в порядке возрастания фруктов count?

Answer 1

React не имеет встроенной функции для обработки этого (что я знаю), но вы можете использовать что-то вроде lodash для достижения того, чего хотите. Я также предложил бы немного изменить структуру ваших данных. Взгляните на приведенный ниже пример.

// your data comes in like this 
var arr = [ 
    {name: "orange", count: 10}, 
    {name: "apple", count: 5}, 
    {name: "lemon", count: 11}, 
    {name: "grape", count: 2} 
]; 

// order by ascending 
var newArr = _.sortBy(arr, 'count', function(n) { 
    return Math.sin(n); 
}); 

// create your components 
var fruits = newArr.map(function(fruit) { 
    return(
     <Fruit name={fruit.name} count={fruit.count} /> 
    ); 
}); 

Here является скрипку, чтобы проиллюстрировать сортировочный ввод функции и вывод

Answer 2

Если вы хотите сортировать в зависимости от нескольких полей: - // использование lodash

sortingFunction(arrayTobeSorted) { 
let sortedResults = sortBy(arrayTobeSorted, function(e) { 
return [e.field1.trim().toUpperCase(), e.field2.trim().toUpperCase()]; 
});