Moment.js 与 ReactJS (ES6)

发布于06月23日

我不熟悉这个时刻.js，并在我的项目中使用ReactJS(ES6).如何使用moment.js来设置日期格式？

我想在下面提到的循环中格式化post.date.

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

推荐答案

由于您使用的是webpack，所以您应该能够在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>
    );
}
...