html - React input [type = date]组件无法正常工作

我正在建立一个基于 react 的 Electron 应用程序，偶然发现了日期字段的问题。

当将input字段与type='date'一起使用时，不会触发onChange事件。此外，似乎我无法输入完整的日期，因为我修改了重置日期的第三部分。

因此，默认状态(呈现的输入字段，在该状态下对值进行 react 的状态为“”)是tt.mm.jjjj(德语)，我认为它转换为mm/dd/yyyy。我可以聚焦该字段并输入01> 01，然后其状态为:01.01.jjjj。我在输入年份中的一个数字后，所有内容都会立即恢复为tt.mm.jjjj

我使用input [type = date]元素创建了一个空的html文件，该文件可以在Chrome中运行，因此它似乎是react-component，这是有问题的。

我的组件看起来像:

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

Electron = 1.7.8

Chromium = 7.9.0

React = 15.6.2

关于如何解决这个问题的任何想法？

最佳答案

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

setState区分大小写。尝试:
this.setState({birthDate: event.target.value})}