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>); 
       })