React开发踩过的坑1:时间日期选择后不渲染

就像这样,使用了antd组件库中table和DatePicker组件,点击编辑后时间日期就没有了,别的下拉菜单和输入框都没有问题,后来我查了一下,是这么解决的,现在我总结一下:

1.首先引入moment

import moment from 'moment'

2.在table组件的columns中添加如下:

{
	title: '时间',
	align: 'center',
	dataIndex: 'createTime',
	+render: (val) => {
	+return val ? moment(val).format('YYYY-MM-DD HH:mm:ss') : ''
	}
}

3.再看DatePicker组件

    <DatePicker 
    defaultValue={moment('2015/01/01', dateFormat)}
    format={dateFormat} 
   />

这样基本就可以显示了,默认值你可以改,也可以不设置,主要是用到了第三方插件moment的使用,虽然是小问题,但也是踩过的坑,在此总结一下,日后看见直接跳过就好.