Блог

рад быть здесь и задать свой первый вопрос.

Я новичок в разработке React, в настоящее время работаю над небольшим проектом, в котором я создал функциональный компонент для редактирования профилей участников.

Я использую состояние для хранения текущих сведений о пользователе (полученных с сервера), а также для отображения всего в полях ввода:

 const [memberToEdit, setMemberToEdit] = useState({});  // getting data from server  

Я бы хотел, чтобы там был заголовок, отображающий имя участника, например —

 return ( lt;divgt;  lt;h3gt;"Editing member {memberToEdit?.fName} {memberToEdit?.lName}"lt;/h3gt;   // inputs  lt;/divgt; );  

Моей первой мыслью при создании компонента было также использовать значения из состояния для заголовка, но это заставляет мой заголовок меняться при любых изменениях, вносимых пользователем, что, очевидно, не то, что я хочу.

Я понял, что могу определить другое состояние только для сохранения значений имен, но, вообще говоря (независимо от того, что этот случай очень прост), есть ли что-нибудь еще, что может помешать блоку JSX изменить свое значение при обновлении состояния и просто оставить его начальное значение (после получения начального значения, конечно) ?

Спасибо