ReactJSオブジェクト属性にmomentJSを追加する方法

Question

ReactJS -appのオブジェクト内の属性にMomentJSを追加するにはどうすればよいですか？

私はこれを実行しようとしましたが、それは動作していない：

import moment from 'moment' 

class View extends React.Component { 
    constructor() { 
    super() 

    this.state = { 
     data: [ 
     { 
      "name" : "user1", 
      "created" : "2017-05-18T12:55:18.6056923" 
     } 
     ] 
    } 

} 

render() { 
    return(
     <p>{this.state.data.createdTs.moment().format('DDDD Do YYYY, h:mm:ss a')}</p> 
    ) 
} 

} 

どのように私はこれを達成することができますか？完璧な@Shubham_Khatriを

Answer 1

momentはパラメータとしてDateオブジェクトを取り、あなたのデータが配列である、あなただけの最初のオプションを使用したい場合は

render() { 
    return(
     <p>{moment(this.state.data[0].createdTs).format('DDDD Do YYYY, h:mm:ss a')}</p> 
    ) 
} 

他のマップ

render() { 
    return(
     <p>{this.state.data.map((data) => { 
      return <span>{moment(data.createdTs).format('DDDD Do YYYY, h:mm:ss a')}</span> 
     })}</p> 
    ) 
}