react项目中element的DatePicker回显

在 React 项目中，使用 Element UI 的 DatePicker 组件时，可以通过 `value` 属性来设置默认值和回显。具体操作如下：

1. 在组件中定义一个 state，用来保存选中的日期。

import { DatePicker } from 'element-react';
import 'element-theme-default';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      date: new Date() // 初始值为当前日期
    };
  }

  // 处理日期选择事件
  handleDateChange = (value) => {
    this.setState({
      date: value
    });
  }

  render() {
    return (
      <div>
        <DatePicker
          value={this.state.date}
          onChange={this.handleDateChange}
        />
      </div>
    );
  }
}

2. 在 `DatePicker` 组件中，将 `value` 属性设置为当前选中的日期，即可实现回显。

注意，`DatePicker` 组件的 `value` 属性必须是一个 `Date` 类型的对象，因此需要在 state 中定义一个 `Date` 类型的变量来保存选中的日期。同时，需要在处理日期选择事件的回调函数中，更新 state 中的日期值。