反应输入[类型=日期]组件不能正常工作

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