ReactJS + Material-UI：Material-UIの<DatePicker>を使用して現在の日付をデフォルト値に設定するにはどうすればよいですか？

Question

現在ReactJS + Material-UIの<DatePicker>（http://www.material-ui.com/#/components/date-picker）を使用しており、今日の現在の日付を<DatePicker>のデフォルト/初期値として設定したいと考えています。どうすればいいのですか？

現在のセットアップ：

<DatePicker 
    autoOk={true} 
    hintText="Select Date" 
    value={inputs.dateValue} 
    onChange={this.handleDatechange} 
/> 

Answer 1

DatePickersのデフォルトの動作は、今日の日付に開始することです。これが当てはまらない唯一の理由は、defaultDate propまたは異なる日付のvalue propを渡す場合です。

あなたの場合、inputs.dateValueとして値を渡すので、これが初期値になります。あなただけの、inputs.dateValueの値は、たとえば、今日の日付に設定されていることを確認する必要があり

inputs.dateValue = new Date(); 

Answer 2

前年比は、この

this.state={ 
    date : new Date() 
} 

handleDatechange(event,date){ 
    this.setState({date: date}) 
} 

<DatePicker 
    autoOk={true} 
    hintText="Select Date" 
    value={this.state.date} 
    onChange={this.handleDatechange} 
/>