Обновление скрытого поля приводит к исходному значению при отправке ⇐ Javascript

[Anonymous]

У меня здесь есть управление формой. DefaultValues ​​ является частью реквизита компонента, в котором находится элемент управления.

Код: Выделить всё

 (

)}
/>

В родительском компоненте ontogglegroup получается:

Код: Выделить всё

const [fees, setPayableFees] = useState([..some data]);

const onToggleGroup = (status: boolean) => {
if (!status)
fees?.forEach(f => (f.included = false));
setPayableFees([...fees]); //I tought this would do the trick, but the html is updated regardless...
}
};

fees?.map(fee => {
return (

);
})}
< /code>
До сих пор это работает, я вижу изменение значения скрытого поля, используя Chrome Devtools. < /p>
Но когда я отправляю форму как это: < /p>
const onSubmit: SubmitHandler = async data => {

};

Значение вернулось к своему исходному состоянию.
Я попробовал управляемый, неконтролируемый ввод, значение , defaultValue , ничто не исправляет это поведение.
Есть идеи?

Подробнее здесь: https://stackoverflow.com/questions/794 ... -on-submit