title: React sort array by obj date
body: <p>Its my data from api</p>
  
  <pre><code>{
      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
  },
  </code></pre>
  
  <p>and  i have React component</p>
  
  <pre><code>&lt;ul className="MessagesField"&gt;
                      {
                          this.props.data !== '' &amp;&amp; this.props.data[0].devmessages.concat(this.props.data[0].usermessages).map((item, index) =&gt; {
                              return &lt;li key={index} className={ item.user ? 'MessageFiled UserMessage' : 'MessageFiled ConversationMessage'}&gt;
                                  &lt;div className="UserAvatar"&gt;
                                      &lt;img src={ item.user === true ? this.setUserImg(this.state.userId) : this.setConversationsImg(this.props.data[0].id)}/&gt;
                                  &lt;/div&gt;
                                  &lt;div className="MessageBody"&gt;
                                      &lt;p&gt;{item.message}&lt;/p&gt;
                                      &lt;span&gt;{item.time}&lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/li&gt;
                          })
                      }
                  &lt;/ul&gt;
  </code></pre>
  
  <p>now i have this result <a href="http://i.prntscr.com/Mk3CwGzhQL2nGRW8_nZ-Cg.png" rel="nofollow noreferrer">http://i.prntscr.com/Mk3CwGzhQL2nGRW8_nZ-Cg.png</a></p>
  
  <p>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   <a href="http://i.prntscr.com/neLdi4r3RgS9OEfjtUJOzQ.png" rel="nofollow noreferrer">http://i.prntscr.com/neLdi4r3RgS9OEfjtUJOzQ.png</a> sort messages by date of massages</p>