オブジェクトのプロパティ名が大文字になっています

Question

私のリアクションアプリケーションでは、フォームがあり、入力フィールドに表示されている値をオブジェクトの対応するプロパティに結びつけていますが、何か不思議なことが起きています。

私のユーザーオブジェクトが次のようになります。それはここに表示されたとして、私は名前のプロパティに私の入力フィールドを結ぶ場合

{ 
    firstName: "", 
    lastName: "" 
} 

、私は私の入力フィールドに入力することはできません。

ただし、以下のコードのようにプロパティ名を大文字にすると、自分の入力フィールドに入力できますが、値を更新できません。私はデバッガを入れて何が起きているのか見て、一度onChange関数をヒットすると、いくつかのプロパティ名が大文字になります。したがって、user.firstNameはユーザーになります。 F irstName。そこで、以下のコードは、私は、入力フィールドに入力することができますが、オブジェクトのプロパティ名がまだfirstNameの

<input type="text" name="firstName" value={user.FirstName} onChange={myChangeFunction} /> 

これを引き起こす可能性のあるものを任意のアイデアですので、？入力した値をキャプチャすることはできませんか

Answer 1

私は問題を理解しました。私は私の入力フィールドを作成した正確な方法は以下の通りだった：

<input type="text" name="FirstName" value={user.firstName} onChange={myChangeFunction} /> 

あなたが見ることができるように、私は値がuser.firstNameに設定されていてもFirstNameに名前を設定しました。

name="firstName"に変更したところ、正常に動作しました。