リアクションjs（ES6）のモーメントjs

Question

jsに反応するのは新しいです。私は新しいプロジェクトにReactjs（ES6）を使用しています。 moment.jsを使用して日付をフォーマットするにはどうすればよいですか？

post.dateを以下のループでフォーマットします。あなたはWebPACKのを使用しているので

render() { 
    return (
     <div> 
      { 
      this.props.data.map((post,key) => 
       <div key={key} className="post-detail"> 
        <h1>{post.title}</h1> 
        <p>{post.date}</p> 
        <p dangerouslySetInnerHTML={{__html: post.content}}></p> 
        <hr /> 
       </div> 
      )} 
     </div> 
    ); 
} 

Answer 1

あなただけimportまたはrequireモーメントと、それを使用することができるはずです：

私が知っている

import moment from 'moment' 

... 
render() { 
    return (
     <div> 
      { 
      this.props.data.map((post,key) => 
       <div key={key} className="post-detail"> 
        <h1>{post.title}</h1> 
        <p>{moment(post.date).format()}</p> 
        <p dangerouslySetInnerHTML={{__html: post.content}}></p> 
        <hr /> 
       </div> 
      )} 
     </div> 
    ); 
} 
... 

Answer 2

、質問は少し古いですが、午前以来、ここの人たちのように見えます依然として解決策を探しています。

私は

react-moment

は多くの作業を軽減便利 JSXタグが付属して、あなたが react-moment linkを使用することをお勧めします。あなたの場合のように： -

import React from 'react'; 
import Moment from 'react-moment'; 

exports default class MyComponent extends React.Component { 
    render() { 
     <Moment format="YYYY/MM/DD">{this.props.dateToFormat}</Moment> 
    } 
}