Moment js mit React js (ES6)

Question

Ich bin neu zu reagieren js. Ich verwende Reactjs (ES6) für mein neues Projekt. Wie kann ich das Format moment.js formatieren?

Ich möchte meine post.date in der unten genannten Schleife formatieren.

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

Da Sie webpack verwenden, sollten Sie in der Lage sein, nur import oder require Moment und dann verwenden:

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

ich weiß, ist Frage ein bisschen alt, aber da bin hier sieht aus wie Menschen suchen noch nach Lösungen.

Ich werde vorschlagen, dass Sie react-moment verwenden link,

react-moment kommt mit praktischen JSX-Tags, die eine Menge Arbeit zu reduzieren. Wie in Ihrem Fall: -

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> 
    } 
}