Как сохранить вложенный объект при вводе формы react js с помощью крючков?

#reactjs #spring-boot #axios #react-hooks

Вопрос:

Здесь я пытаюсь сохранить идентификатор категории в базе данных, которая является частью объекта категории, такого как объект:{ идентификатор категории:»» }, Но выполнение следующего способа приводит к ошибке «отсоединенный объект передан для сохранения».Это сбивает с толку.Пожалуйста, вертолет

 lt;FormGroupgt;  lt;label for="category_id"gt;category_idlt;/labelgt;  lt;Input  placeholder="Enter category id"  id="category_id"  name="category_id"  type="textarea"  onChange={(e) =gt; {  setProduct({ ...product, category: { categoryId: e.target.value } })  }}  /gt;  lt;/FormGroupgt;  

Комментарии:

1. Пожалуйста, проясните вашу конкретную проблему или предоставьте дополнительные сведения, чтобы выделить именно то, что вам нужно. Поскольку это написано в настоящее время, трудно точно сказать, о чем вы просите.

Ответ №1:

в функции onChange вызовите отдельную функцию и передайте значение в качестве параметра

 onChange={(e)=gt;sendData(e.target.value)}  

и

 let products = {} const sendData = (value)=gt;{ setInputValue(value) productDetails = { ...products, catId:inputValue} setProd(products) }