Moment j avec React js (ES6)

Je suis nouveau à réagir js. Je suis à l'aide de Reactjs(ES6) pour mon nouveau projet. Comment puis-je utiliser moment.js au format de date?

Je veux formater mon post.date ci-dessous mentionnées boucle.

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

source d'informationauteur Jahanzaib Aslam

  1. 31

    Puisque vous utilisez webpack vous devriez être en mesure de simplement import ou require moment et ensuite l'utiliser:

    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>
    );
}
...
  2. 8

    Je sais, la question est un peu vieux, mais depuis que suis ressemble ici les gens sont toujours à la recherche de solutions.

    Je vais vous suggérons d'utiliser react-moment lien,

    react-moment vient avec la pratique JSXdes balises qui permettent de réduire beaucoup de travail. Comme dans votre cas :-

    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>
    }
}
  3. 0

    Je suis en utilisant le moment dans mon réagir projet

    import moment from 'moment'

state = {
    startDate: moment()
};
render() {
    const selectedDate = this.state.startDate.format("Do MMMM YYYY");
    return(
     <Fragment>
       {selectedDate)
     </Fragment>
   );
}
  4. 0

    dans mon cas, je veux obtenir le fuseau horaire de plusieurs pays ,de la première installation de moment js

    npm install moment --save

    puis installer moment-timezone.js

    npm install moment-timezone --save

    puis-je importer themn dans mon composant comme ce 

    import moment from 'moment';
import timezone from 'moment-timezone'

    ensuite parce que iwant obtenir l'heure et les minutes et la seconde sepratly j'aime cette

    <Clock minutes={moment().tz('Australia/Sydney').minute()} hour={moment().tz('Australia/Sydney').hours()} second={moment().tz('Australia/Sydney').second()}/>
  5. 0

    Si les autres réponses échec, l'importer en tant que

    import moment from 'moment/moment.js'

    peut travailler.