React js를 사용하여 배열 정렬

Question

배열 값을 OrderId 필드로 정렬하여 표시하려고합니다. ...

var fields = 
    [{value: "Claims", OrderId:3 }, 
    {value: "Requests", OrderId:1 }, 
    {value: "Access", OrderId: 2}] 

var listElements = fields.sort('OrderId', function(n){ return Math.sin(n) }) 
    .map(function(field) { 
     return React.createElement('li', {}, 
      React.createElement('h2',{}, field.value) 

     ) 
    }) 
var rootElement = 
    React.createElement('div', {}, 
     React.createElement('ul', {}, listElements) 

    ) 

ReactDOM.render(rootElement, document.getElementById('container')); 

이 나에게 오류를 제공하지 않습니다 및 원하는 형식으로 값을 표시하지만, 분류되지 않은 어떻게 할 수있는 종류의 Reactjs의 세계 : 여기 내 코드는?

Answer 1

먼저 필드 이름을 확인하십시오. 주문 번호 모든 3 개에 대해 문제가되지 않으며 추가 인용 부호도 제거하십시오.

은 그런 목적을 정렬, 난 sortBy 방법에 대해 잘 모릅니다, 당신은 쉽게 정렬 방법을 사용하여 아래 예제 코드를 체크 아웃하고 당신을 위해 작동하는지 알려 수 -

JS 바이올린 링크 - 를 https://jsfiddle.net/4kq4vbdw/

var fields = 
[{value: "Claims", OrderId:3 }, 
{value: "Requests", OrderId:1 }, 
{value: "Access", OrderId: 2}]; 

fields.sort(function(a,b){ 
return parseInt(a.OrderId) - parseInt(b.OrderId); 
}) 
console.log(fields);