antd组件使用

DatePicker与Form表单配合使用

import moment from 'moment'
moment需要引入

<Form.Item label="开始时间">
              {getFieldDecorator('startTime', {
                rules: [{ required: true }],
                initialValue: moment(record && record.startTime, 'YYYY-MM-DD'),
              })(
                <DatePicker
                  placeholder="开始时间" />,
              )}
            </Form.Item>

这里的record是我获取来展示的时间

validateFields(['name', 'productId', 'number', 'startTime', 'updateTime', 'remarks'], (err, values) => {
      if (!err) {
        values.startTime = values.startTime.format('YYYY-MM-DD')
        values.updateTime = values.updateTime.format('YYYY-MM-DD')
        console.log(values)
    })

这里打印的就是2019-11-7这种格式的时间,如果需要其他格式，移步moment

此外还有Tree组件用起来可能会存在缓存的问题，这个就看各自的需求了

onCheck={this.onCheck}
defaultCheckedKeys={defaultChecked}

下面的这个属性需要配合setState使用，否则无法再次更改勾选
checkedKeys={selectedKeys}

还有个缓存问题就是Form表单
Form里有一个resetFields属性，可以用来清空form表单的数据。