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 文件，它在 chromium 中工作，所以它似乎是 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})}
/>

电子=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})}

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

React input[type=date] component does not work properly

html

chromium

reactjs

electron