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

Question

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

当使用带有type='date' 的input 字段时，不会触发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})}