ReactJs：按升序显示选定的值

【问题标题】：ReactJs: Display selected values in ascending orderReactJs：按升序显示选定的值
【发布时间】：2018-10-19 03:43:50
【问题描述】：

React 组件 1 - 由五个带有复选框的选项组成。例如-

    `<Checkbox> - Key 50`
    `<Checkbox> - Key 51`
    `<Checkbox> - Key 52`
    `<Checkbox> - Key 53`
    `<Checkbox> - Key 54`

现在假设有人选择选项 - 首先是密钥 54，然后是密钥 50，然后是密钥 52。

它按选择的选项顺序显示。有什么方法可以按升序显示，无论选择什么选项，第一个显示顺序都应该是升序，例如 - 键 50、键 52、键 54？？

【问题讨论】：

【解决方案1】：

。有什么方法可以按升序显示，无论选择什么选项，第一个显示顺序都应该是升序，例如 - 键 50、键 52、键 54？？

 {items.sort((a,b)=>a.label.localCompare(b.label))}

【讨论】：

不是 Key XX 中 XX 的特定标签，我将整个 'Key XX' 作为标签，如何将数字与 'Key 50' 分开并应用 .sort 方法？
我不建议根据部分字符串进行排序。最好有一个 id/key 属性来排序。如果你必须按照自己的方式去做，那么{ items.sort((a,b)=>+a.split(" ")[1] > +b.split(" ")[1])}