Как мне получить дату по умолчанию, чтобы быть конкретной датой из пропущенного объекта

Question

Привет, пытаюсь заполнить мою форму данными из базы данных через начальные значения в formik.Я использую тип ввода = дата от реактивной ленты.когда форма загружается, я хочу, чтобы все поля, включая поле даты, показывали текущее значение даты объекта

, тогда пользователь может выбрать новую дату, если он хочет, иначе дата остается неизменной и отправляется в БД с другими данными формы, еслиэто тот случай.

                <div className="col-xl-10">
                  <Input
                    id="dob"
                    type="date"
                    value={values.dob}
                    onChange={handleChange}
                    onBlur={handleBlur}
                    className="form-control"/>
                </div>

Answer 1

Я изначально установил входное значение, и дата может показать

state = {
    values: {
        dob: '2012-12-12'
    }
}

handleChange = (evt) => {
    this.setState({
        values: {
            ...this.state.values,
            [evt.target.name]: evt.target.value
        }
    });
    //console.log(evt.target.value)
}

render() { 
    const { values } = this.state;

    return (
          <div className="col-xl-10">
              <Input name='dob'
                id="dob"
                type="date"
                value={values.dob}
                onChange={this.handleChange}
                onBlur={this.handleBlur}
                className="form-control"/>
          </div>
    );
}