Блог

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

 {Object.keys(customProperties).map((item, index) =gt; {  return lt;Controller key={index}  render={({ field }) =gt; lt;TextField label={item} {...field} isDeleteBtn={true} onDeleteBtnClick={onDeleteField} /gt;}  name={customProperties.${item}}  control={control}  /gt;;  })}  

Мой код удаления выглядит так

 const onDeleteField = (customPropertyKey) =gt; {  const { ...properties } = customProperties;  delete properties[customPropertyKey];  setValue('customProperties', properties);  };  

Но значение SET («Пользовательские свойства», свойства); удаляет ключ, но значения меняются местами.

 eg: customProperties = {  firstName: 'john',  secondName: 'don' }  

После удаления имени

это приводит к

 customProperties = {  secondName: 'John' }  

Любая помощь, пожалуйста