Как получить значение по умолчанию компонента YouCanBookMe/act-datetime?

Question

Я использую версию response-dateTime "response-datetime": "^2.8.10", я использую значение по умолчанию. Когда я нажимаю на кнопку "Изменить", я получаю значение по умолчанию реагировать-dateTime. но когда я обновляю данные, а я не изменяю datetime. Я хочу, чтобы это default Value. И когда я обновляю данные без изменения date-time. Я получаю текущую date-time. Затем в этом случае, как получить это default Value. Как получить значение по умолчанию для response-DateTime?

renderForm:function(){
    var yesterday = Datetime.moment().subtract( 1, 'day' );
        var valid = function( current ){
        return current.isAfter( yesterday );
        };
        var dateTimeStart=moment(this.props.todo_start_at);
        var dateTimeEnd=moment(this.props.todo_end_at);
        console.log("dateTimeStart ",dateTimeStart)
        console.log("dateTimeEnd ",dateTimeEnd)
    return( 
        <form onSubmit={this.handleUpdate}>
            <input type="text"ref={(value)=>{
                this.input=value
            }}defaultValue={this.props.todo_text}/>
            <div className="column medium-4">
                When To Start
                <Datetime input={ true } isValidDate={ valid } dateFormat="YYYY-MM-DD"  defaultValue= { dateTimeStart }onChange={ this.handleDateTimeStart } />
            </div>
            <div className="column medium-4">
                When To End
                <Datetime input={ true } isValidDate={ valid } dateFormat="YYYY-MM-DD" defaultValue= { dateTimeEnd }onChange={ this.handleDateTimeEnd }  />
            </div>
                <br/>
            <button type="button" className="button" onClick={this.handleUpdate}>Update</button>
        </form>
        )
},

handleupdate

handleUpdate:function(event){
        event.preventDefault();
        //console.log(this.dateTimeStart.value);
        var startDate=this.state.dateTimeStart.value;
        console.log(startDate);
        var todoStartDate= moment(startDate).format('YYYY-MM-DD HH:mm');
        var dueDate=this.state.dateTimeEnd.value;
        var todoEndDate=moment(dueDate).format('YYYY-MM-DD HH:mm');
        console.log("handle update",todoEndDate)
        this.props.editTask(this.props.todo_id,this.input.value,todoStartDate,todoEndDate);
        this.toggleState();
    },

Answer 1

Причина в том, что вы инициализируете state значение по "" (пустое значение), и обновление, когда пользователь изменяет дату, в противном случае нет. Так что в том случае, когда пользователь не обновляет значение this.state.dateTimeStart.value будет undefinedпредыдущее значение (значение по умолчанию) будет присутствовать в this.props.todo_start_at,

Вы должны принять это значение по умолчанию, когда пользователь не делает никаких изменений.

Используйте эти строки внутри handleUpdate метод:

var startDate = this.state.dateTimeStart.value || this.props.todo_start_at;
var dueDate = this.state.dateTimeEnd.value || this.props.todo_end_at;