установка текущей даты с помощью setState в пользовательском интерфейсе

Question

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

Вот ссылка на используемый мной DatePicker для материала. ссылка

Я использовал этот метод, но он не работает и не показывает ничего в событии, связанном с датой, на которую мы переехали. Это возвращаемая часть, где я делал onChange.

return(
            <form className={classes.container} noValidate>
          <TextField
            id="date"
            type="date"
            defaultValue={today}
            onChange={this.handleDate}
            className={classes.textField}
            InputLabelProps={{
              shrink: true,
            }}
          />
          </form>
      );

Вот часть, где я изменил состояние

handleDate=(event,date)=>{
        console.log('incoming1',event);
      //   console.log('incoming',date);
       this.setState({
         todaydate: date
     });
 }

Answer 1

Использовать onBlur событие выбора даты.

    <TextField
        id="date"
        type="date"
        defaultValue={today}
        onBlur={handleDate}
        onChange={this.handleDate}
        className={classes.textField}
        InputLabelProps={{
          shrink: true,
        }}
      />

тогда handleChange должен быть таким:

handleDate=(event)=>{
   this.setState({
     todaydate: event.target.value
 });
}

Answer 2

это то, что вы хотите, вы можете получить доступ к значению в событии объекта.

handleDate=(event)=>{
       this.setState({
         todaydate: event.target.value
     });
 }