Имя свойства объекта получает заглавные буквы

Question

В моем приложении React у меня есть форма, и я привязываю значение, отображаемое в поле ввода, к его соответствующему свойству в объекте, но происходит что-то странное.

Мой пользовательский объект выглядит следующим образом:

{ 
    firstName: "", 
    lastName: "" 
} 

Если я связать мое поле ввода для свойства с именем, как она выглядит, я не могу ввести в моем поле ввода.

Если я, однако, заглаю имя свойства - как в коде ниже - я могу ввести в свое поле ввода, но я не могу обновить его значение. Я помещаю отладчик, чтобы узнать, что происходит, и заметил, что как только я нажму на функцию onChange, некоторые имена свойств получаются заглавные. Таким образом, user.firstName становится пользователем. F irstName. Таким образом, ниже код позволяет мне набрать в поле ввода, но не может захватить введенное значение, так как имя свойства в объекте еще ПгвЬЫате

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

Любая идея, что может быть причиной этого?

Answer 1

Я только что понял вопрос. Точный способом Я создал поле ввода был, как показано ниже:

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

Как вы можете видеть, я садился именем для FirstName даже если значение было установлено значением user.firstName.

Когда я сменил его на name="firstName", он начал работать нормально.