Question

如何将MomentJS添加到ReactJS - 应用中对象内的属性？

我试图这样做，但它不起作用：

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

}

我怎样才能做到这一点？

Answer 1

moment将日期对象作为参数，您的数据是数组，如果您只想使用第一个选项

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

ReactJS如何将momentJS添加到object属性

1 个答案: