Javascript ReactJS如何将momentJS添加到对象属性
如何将Javascript ReactJS如何将momentJS添加到对象属性,javascript,reactjs,momentjs,Javascript,Reactjs,Momentjs,如何将MomentJS添加到ReactJS-app中对象内部的属性 我尝试过这样做,但不起作用: import moment from 'moment' class View extends React.Component { constructor() { super() this.state = { data: [ { "name" : "user1", "created" : "2017
MomentJS
添加到ReactJS
-app中对象内部的属性
我尝试过这样做,但不起作用:
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>
)
}
}
从“时刻”导入时刻
类视图扩展了React.Component{
构造函数(){
超级()
此.state={
数据:[
{
“名称”:“user1”,
“已创建”:“2017-05-18T12:55:18.6056923”
}
]
}
}
render(){
返回(
{this.state.data.createdTs.moment().format('dddddd Do YYYY,h:mm:ss a')}
)
}
}
如何实现这一点?
时刻
将日期对象作为参数,并且您的数据是一个数组,如果您只想使用第一个选项,请使用
render() {
return(
<p>{moment(this.state.data[0].createdTs).format('DDDD Do YYYY, h:mm:ss a')}</p>
)
}
render(){
返回(
{矩(this.state.data[0].createdTs.format('dddddd Do YYYY,h:mm:ss a'))
)
}
埃尔斯地图
render() {
return(
<p>{this.state.data.map((data) => {
return <span>{moment(data.createdTs).format('DDDD Do YYYY, h:mm:ss a')}</span>
})}</p>
)
}
render(){
返回(
{this.state.data.map((数据)=>{
返回{矩(data.createdTs).format('dddddddoyyyy,h:mm:ssa')}
})}
)
}
@Shubham_Khatri完美!正是我想要的!非常感谢!:-)很高兴帮助:),添加了更多信息,以防您希望映射