反應輸入[類型=日期]組件不能正常工作

Question

我正在構建一個基於反應的電子應用程序，並偶然發現了日期字段的問題。

當使用input字段與type='date'時，onChange事件未被觸發。另外，我似乎無法輸入完整的日期，只要我修改它重置的日期的第三個組件。

所以默認狀態（呈現的輸入字段，對值的反應狀態是「」）是tt.mm.jjjj（德語），它翻譯成mm/dd/yyyy我認爲。我可以關注該字段並輸入01> 01，然後顯示：01.01.jjjj。只要我一年輸入一個數字，一切都恢復到tt.mm.jjjj

我創建了一個空的html文件，其中輸入[type = date]元素，它在鉻中工作，所以它似乎是反應組件，這是越野車。

我的組件看起來像：

<input 
    type="date" 
    className="input-group-field" 
    name="birthdate" 
    id="birthdate" 
    value={this.state.birthDate} 
    onChange={event => this.setState({birthdate: event.target.value})} 
/> 

• 電子= 1.7.8
• 鉻= 7.9.0
• 產生反應如何= 15.6.2

任何想法解決這個問題？

Answer 1

this.state.birthDate和this.setState({birthdate: event.target.value})}錯誤。

setState區分大小寫。嘗試：

this.setState({birthDate: event.target.value})}