Its my data from api
{
id: '1',
developer: {
name: 'Michelle Stewart',
proff: 'Account',
shortInfo: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,',
mail: 'michellestewart@gmail.com',
phone: '+48 500 400 300',
adress: '65 Lorem St, Warsaw, PL',
company: 'Symu.co',
isOnline: false
},
time: 'Today, 5:32 PM',
devmessages: [
{
time: '10 April 2018',
message: 'Lorem ipsum dolor sit amet, consectetur'
},
{
time: '10 April 2018',
message: 'Lorem ipsum dolor sit amet, consectetur'
},
{
time: '10 April 2018',
message: 'quis nostrud exercitation ullamco laboris'
}
],
usermessages: [
{
time: '10 April 2018',
message: 'Oops ops)',
user: true
},
{
time: '10 April 2018',
message: 'Hi how do you do?',
user: true
},
{
time: '10 April 2018',
message: 'Can u test my code',
user: true
}
],
isUnread: true
},
and i have React component
<ul className="MessagesField">
{
this.props.data !== '' && this.props.data[0].devmessages.concat(this.props.data[0].usermessages).map((item, index) => {
return <li key={index} className={ item.user ? 'MessageFiled UserMessage' : 'MessageFiled ConversationMessage'}>
<div className="UserAvatar">
<img src={ item.user === true ? this.setUserImg(this.state.userId) : this.setConversationsImg(this.props.data[0].id)}/>
</div>
<div className="MessageBody">
<p>{item.message}</p>
<span>{item.time}</span>
</div>
</li>
})
}
</ul>
now i have this result http://i.prntscr.com/Mk3CwGzhQL2nGRW8_nZ-Cg.png
but i need sort my messages by date as i understand i need parse my data to date with moment.js and next sort by this date. I dont know how to do it. Can someone help me please) In result i need get http://i.prntscr.com/neLdi4r3RgS9OEfjtUJOzQ.png sort messages by date of massages