ReactJs: отображать выбранные значения в порядке возрастания
React Component 1 - состоит из пяти опций с флажком. для бывшего
`<Checkbox> - Key 50`
`<Checkbox> - Key 51`
`<Checkbox> - Key 52`
`<Checkbox> - Key 53`
`<Checkbox> - Key 54`
Теперь, если предположим, что кто-то выбирает опцию - сначала клавиша 54, затем клавиша 50, затем клавиша 52.
Он отображается в порядке выбранных опций. Есть ли способ отображения в порядке возрастания, независимо от того, какой вариант выбран, 1-й порядок отображения должен быть только в порядке возрастания, например - Key 50, Key 52, Key 54 ??
Ответы 1
. Is there any way we can display in ascending order, whatever option is selected 1st the order of display should be in ascending order only ex - Key 50, Key 52, Key 54 ??
Используйте .sort: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/sort Предполагая, что у вас есть свойство label, которое отражает Key XX:
{items.sort((a,b)=>a.label.localCompare(b.label))}
Я бы не советовал сортировать по частям строк. Лучше иметь свойство id / key для сортировки на основе. Если вам нужно сделать это по-своему, то { items.sort((a,b)=>+a.split(" ")[1] > +b.split(" ")[1])}
Не конкретная метка для XX в Key XX, у меня есть весь «Key XX» в качестве метки, как отделить номер от «Key 50» и применить метод .sort?