Вешаешь его на Стейт и коммитишь на сервак

т.е. мне надо чтоб отрабатывало сразу же, а в реальности useState так не работает. Если использовать setState в классовом исполнении, то можно колбеком его принудительно обновить, а как на хуках я хз

Ты раньше использовал уже узестате?

Вешаешь его на Стейт и коммитишь на сервак

Так проблема в том что этот productValue - меняется много где, например там еще пачка инпутов, и при каждом изменении инпута - пушить на сверак не нужно

Ну тут ведь условие можно поставить

Ты раньше использовал уже узестате?

?

конечно

Ну тогда я не знаю

)

Ну тут ведь условие можно поставить

конкретнее плз

конкретнее плз

Ты сам говоришь при определенных условиях нужно а при определенных нет

Но входящее условие всегда изменение стейта

Ты сам говоришь при определенных условиях нужно а при определенных нет

Например инпуты делают так: const handleChange = prop => event => { setProductValue({ ...productValue, [prop]: event.target.value }); };

т.е. меняют этот стейт

Если я буду пушить из useEffect при глубине связей [productValue], то будет дичь

const submitHandler - отрабатывает при нажатии на сабмит

Может тогда редакс все таки?

Может тогда редакс все таки?

Вся админка без редакса работает, куча компонентов, а тут редакс прикручивать ради одного нюанса, как-то не по пацански )

)

Ну да. Тогда кэлбэки остаются

ну вот читал что useCallback либо useRef как-то можно прикрутить, но я понимаю их изначальную суть, а как их в качестве костыля запихнуть - хз

банально, как одно изменение useState - сделать перманентно, без перерендера. Изначальный вопрос )

Узекалбек по сути кэширует функцию а не стате

Работает точно также как и узеэфект

Узекалбек по сути кэширует функцию а не стате

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

Я тоже тут не силен

Вся админка без редакса работает, куча компонентов, а тут редакс прикручивать ради одного нюанса, как-то не по пацански )

а что там за нюанс? может и можно без редакса

Мне кажется тебе надо упростить твой пример

Минимизировать чтоли

И попробовать поиграться с ним

а что там за нюанс? может и можно без редакса

мне нужно записать новое состояние в useState и тут же отправить его (уже измененный вариант) на сервер.

и в песочницу! )

мне нужно записать новое состояние в useState и тут же отправить его (уже измененный вариант) на сервер.

а еще есть хук useRedux знаешь?

мне нужно записать новое состояние в useState и тут же отправить его (уже измененный вариант) на сервер.

смотри какое дело

а еще есть хук useRedux знаешь?

только о его существовании )

а еще есть хук useRedux знаешь?

О я нет - а это для чего?

эмуляция редакса

смотри если ты записываешь данные

то ты их уже имеешь

можешь отправить а потом записать в стейт если это не вредит логике

в идеале хонечно лучше по изменению стейта, в классовых компонентах хоть колбэк был

эмуляция редакса

прикольно - надо повникать

там почти одно лицо только в пределах компонента не глобально

можешь отправить а потом записать в стейт если это не вредит логике

в логике я должен записать изменение и его же отправить. Например если в одном месте написать setЧто-то-там и сразуже вызвать этот стейт в консоль, то вылетит предыдущее состояние

в логике я должен записать изменение и его же отправить. Например если в одном месте написать setЧто-то-там и сразуже вызвать этот стейт в консоль, то вылетит предыдущее состояние

ты хранишь в стейте один элемент или список?

ты хранишь в стейте один элемент или список?

Один элемент но с множеством полей, мне нужно перезаписать одно поле (массив ссылок на картинки)

понял

Этот стейт перезаписывает кучу разных полей - инпутами, поэтому юзЕффект тут не прокатит

ну вот а как ты задаешь массив картинок?

if (deletedImgUrls.length !== 0) { setProductValue({...productValue, imageUrls: remainingImgUrls}); }

productValue - стейт, imageUrls - поле, remainingImgUrls - массив который нужно записать

state = { productValue :{ imageUrls:remainingImgUrls } }

так?

с картинками да

Весь стейт такой:

ок

const [productValue, setProductValue] = useState({ name: "", enabled: true, quantity: "", currentPrice: "", categories: "", color: "", sizes: "", productUrl: "/", description: "", imageUrls: [], });

хорошо а как ты задаешь remainingImgUrls

Он прилетает из функции-пропса из дочернего элемента

из дочернего?

да, и записывается в стейт родительского.

Эти стейты актуальны - консоль лог все правильно пишет

значит есть какой-то колбек для дочернего?

Да

const handleImages = (remainingImages, deletedImages, addedImages) => { setRemainingImgUrls(remainingImages); setDeletedImgUrl(deletedImages); setAddedImgFiles(addedImages); };

А вот стейты в родителе: const [remainingImgUrls, setRemainingImgUrls] = useState([]) const [deletedImgUrls, setDeletedImgUrl] = useState([]); const [addedImgFiles, setAddedImgFiles] = useState([]);

ну вот т.е. уже на этом этапе setRemainingImgUrls(remainingImages); ты знаешь что у тебя в итоге будет в стейте так?

конечно

Я все эти стейты консоль-ложу, они выдают ожидаемый результат

теперь тебе нужно отправить запрос кудато на бэк я так понял?

теперь тебе нужно отправить запрос кудато на бэк я так понял?

да

if (deletedImgUrls.length !== 0) { setProductValue({...productValue, imageUrls: remainingImgUrls}); }

а этот код у тебя где работает?

внутри функции submit, по нажатию на кнопку мне нужно записать картинку в нужное мне поле стейта и тут же отправить этот стейт на бек

Тут еще есть одна запись, которая получает ссылки в await промис, где внутри then - записываются в стейт, причем стейст сразу же актуальный, т.е. консоль лог тут же выдает нужный мне результат

вот тут не понял сабмит у тебя работает после получения картинок из дочернего?

А вот (deletedImgUrls.length !== 0) { setProductValue({...productValue, imageUrls: remainingImgUrls}); }

вот тут не понял сабмит у тебя работает после получения картинок из дочернего?

дочерний работает по onChange - сразу же присылает все изменения родителю

так

Родитель их принимает и записывает в свои стейты

а сабмит когда*