react 合并数组,在React中对对象数组进行排序并渲染它们

I have an array of objects containing some information. I am not able to render them in the order I want and I need some help with that. I render them like this:

this.state.data.map(

(item, i) =>

{item.matchID} {item.timeM} {item.description}

)

Is it possible to sort them ascending with item.timeM in that map()-function or do I have to sort them before i use map?

解决方案

This might be what you're looking for:

// ... rest of code

// copy your state.data to a new array and sort it by itemM in ascending order

// and then map

const myData = [].concat(this.state.data)

.sort((a, b) => a.itemM > b.itemM)

.map((item, i) =>

{item.matchID} {item.timeM}{item.description}

);

// render your data here...

The method sort will mutate the original array . Hence I create a new array using the concat method.