antd 的表单使用问题

我想在表单里面放一个日期选择器

<Form.Item labelCol={{ span: 8 }} wrapperCol={{ span: 14 }} label="推广结束时间">
            {this.props.form.getFieldDecorator('type', {
              initialValue: this.props.data.endTime ? moment(Number(this.props.data.endTime)).format('YYYY/MM/DD') : '-' ,
            })(
              <DatePicker format='YYYY-MM-DD'/>
            )}
          </Form.Item>

但是这样写会报错 Cannot read property 'endTime' of null 。可是data里面有endTime属性,而且endTime也有值,我用data里面的其它属性写的表单都没有问题,只有时间类的有问题

阅读 732
评论
    4 个回答
    • 86

    你需要给 data 指定默认值 {} ,在初始化的时候 data 可能没有设置值,所以你要 const { data={} } = this.props