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

Question

我正在构建一个基于反应的电子应用程序，并偶然发现了日期字段的问题。

当使用input与现场type='date'的onChange事件，不会触发。此外，似乎我无法输入完整日期，一旦我修改了它重置的日期的第三个部分。

因此，默认状态（呈现的输入字段，对值的反应状态为“”）是 tt.mm.jjjj（德语），我认为它会转换为 mm/dd/yyyy。我可以聚焦该字段并输入 01 > 01，然后显示：01.01.jjjj。一旦我输入了这一年的一个数字，一切都会恢复到 tt.mm.jjjj

我用 input[type=date] 元素创建了一个空的 html 文件，它在铬中工作，所以它似乎是反应组件，这是有问题的。

我的组件看起来像：

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