Reactjs 使用React-js对数组进行排序

我试图显示按

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 world中排序？

首先检查您的字段名，这三个字段的名称都应该是OrderId，有疑问的是，它不是，并删除任何额外的引号

然后为了排序的目的，我不知道sortBy方法，你可以很容易地使用sort方法，检查下面的示例代码，让我知道它是否适合你-

JS小提琴链接-

---

首先，检查您的字段名，这三个字段都应该是OrderId，有疑问的字段不是，并删除任何额外的引号

然后为了排序的目的，我不知道sortBy方法，你可以很容易地使用sort方法，检查下面的示例代码，让我知道它是否适合你-

JS小提琴链接-

---

那么，这种肮脏的方法是从哪里来的呢？我喜欢洛达斯这种东西。您在

OrderId:3“

中有双引号。我认为这是代码中不存在的打字错误。抱歉，这些都是打字错误。实际数组更复杂，因此我简化了它，并在过程中进行了一些打字。sortBy方法从何而来？我喜欢lodash这种东西。您在

OrderId:3“

中有双引号。我认为代码中没有拼写错误。对不起，这些都是拼写错误。实际的数组更复杂，所以我简化了它，并在过程中进行了一些打字

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