入力[タイプ=日付]コンポーネントが適切

Question

Iが反応系電子アプリケーションを構築しています動作しない反応し、日付フィールドで問題に出くわし。

inputフィールドにtype='date'を使用すると、onChangeイベントは発生しません。また、私はそれがリセットされる日付の3番目のコンポーネントを変更するとすぐに、完全な日付を入力することはできないようです。

デフォルトの状態（レンダリングされた入力フィールド、値の反応の状態は ""）はmm/dd/yyyyに変換されるtt.mm.jjjj（ドイツ語）です。フィールドにフォーカスを当てて01> 01と入力すると、01.01.jjjjと表示されます。 1年に1つの数字を入力すると、すべてが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})}