Order select Object key in select Reactjs

Question

我在reactjs中订购我的对象键时遇到了问题。 我会从对象创建一个选择像这样从我的分贝：

{ 
    liv_1:value, 
    liv_2:value, 
    liv_3:value, 
    . 
    . 
    . 
    liv_10:value, 
    liv_11:value 
} 

所以我在我的组件：

var selectLevel = 
     <select ref="level"> 
      <option value="" disabled>--Select level--</option> 
      { 
       Object.keys(objectLevel).map(function(el, k) { 
        return <option key={k} 
        value={el}>{el}</option>; 
       }) 
      } 
     </select> 

但我的问题是订货，东阳它重新排序像我的钥匙：

{ 
liv_1:value, 
liv_10:value, 
liv_11:value, 
liv_2:value, 
liv_3:value, 
. 
. 
. 
} 

如何维护订单？

Answer 1

您可以使用自定义的比较像重新排列物品：

Object.keys(objectLevel) 
    .sort((a,b) => +a.split('_')[1] - +b.split('_')[1]) 
    .map(function(el, k) { 
     return <option key={k} value={el}>{el}</option>; 
    }) 

Answer 2

映射之前添加的sort的电话：

Object.keys(objectLevel).sort().map(function(el, k) { 
        return (<option key={k} 
        value={el}>{el}</option>); 
       })