Есть простое приложение сделанное в реакте с помощью функционального компонента. Само приложение представляет из себя таблицу, которая получает данные через json файл. Функционал приложения предусматривает возможность сортировки колонок таблицы по возрастанию/по убыванию.
Функция сортировки выглядит следующим образом
const [directionSort, setDirectionSort] = useState(true);
const sortData = (field) => {
const copyData = tableItems.concat();
let sortData;
if (directionSort) {
sortData = copyData.sort(
(a, b) => { return a[field] > b[field] ? 1 : -1 }
);
} else {
sortData = copyData.sort(
(a, b) => { return a[field] < b[field] ? 1 : -1 }
);
}
setTableItems(sortData)
setDirectionSort(!directionSort)
}
Этот код отрабатывает отлично на всех колонках, кроме одной. Есть колонка, в которой указано время, в формате "1m32s" и эти данные приходят из json в строковом формате, именно в таком виде.
"result": "1m 32s"
Соответственно, сортировка этой колонки при таком формате отрабатывает некорректно, т.к. сортировка по возрастанию даёт такой вывод:
08s
1m 15s
32s
Вопрос, как можно обработать получаемые данные, что бы выводились они в таком же формате, но сортировались корректно ? Допускается также изменить формат данных в json файле
let d = directionSort * 2 - 1;
получив 1 или -1 как "направление". И в функцииreturn d * a[field] < d * b[field] ? 1 : -1
илиreturn d * (a[field] - b[field])