如何从props传递对象获取默认日期为特定日期

Posted 2021-04-23

您好试图通过formik中的初始值从数据库填充我的表单。我正在使用输入类型=来自reactstrap的日期。当表单加载我希望所有字段包括日期字段以显示当前对象日期值

然后，如果用户希望其他日期保持不变，则用户可以选择新日期，如果是这种情况，则将其与其他表单数据一起提交给db。

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

答案

我最初设置输入值，日期可以显示

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>
    );
}