Хотя по идее все должно работать, просто в упор не могу понять, что не так

нет в скрипт и запускать через node имя_скрипта.js, комманду можно прописать в package

Я так и написал, не?

не это то что я скинул нужно в файл js закинуть

не это то что я скинул нужно в файл js закинуть

Так я и написал твой_файл.js )

а ну тогда так

смотри как удобнее так и делай)

вот что получается

а ну тогда так

Спс щас проверю. Я кстати почти добился желаемого результата без внешних файлов а—ля галп, штатными файлами. Но почти как ты догадываешься, не считается )

ну да

вот что получается

Ну вот, то что я хотел. Спасибо ещё раз. Проверю твоё решение тоже

там есть заморочка с тем что указав конфиг нельзя добавить опции поэтому в данном случае даже конфиг не использовался, все можно накидать через опции const tsArgs = 'src/** --outDir dist';

Может кто то еще в состоянии мне помочь и обьяснить, почему экшн в редюсере undefined ? Скидаю скрин ощибки, скрин компоненты и редюсера 🙏🏿

добрый день, кто может подсказать, из-за чего ошибка

добрый день, кто может подсказать, из-за чего ошибка

используй тернарное выражение вместо иф и возьми его в фигурные скобки

добрый день, кто может подсказать, из-за чего ошибка

Между key={} не должно быть пробелов. И если используете if , то нужен return. Но лучше юзать тернарный оператор

хм, забыл про них совсем, спасибо

что я делаю не так?

перед ? идет условие, потом первый вариант, после : идет второй вариант

все выражение в фигурные возьми

писал ведь уже

тогда он ругается на второй td

так там только 1 элемент можно возвращать

либо оберни в див либо в отдельный компонент вынеси

но если что то я не эксперт, а только учусь

с дивом ужасно выглядит, мне кажется, что есть вариант проще

ну тогда пустой тег <>

спасибки

вот я сделал пример в песочнице для primitive https://codesandbox.io/s/primitive-c2lkf

Всем привет!

Кто подскажет бест практис по поводу такого решения: Внутри функционального компонента есть функция в которой изспользуется запись в useState - setValue. И тут же после такой записи мне нужно отправить ajax post запрос, в тело которого будет помещен value. В данном случае, в связи с асинхронностью - value будет хранить предыдущее состояние. Как его правильно обновить, желательно без лишнего рендера.

Кто подскажет бест практис по поводу такого решения: Внутри функционального компонента есть функция в которой изспользуется запись в useState - setValue. И тут же после такой записи мне нужно отправить ajax post запрос, в тело которого будет помещен value. В данном случае, в связи с асинхронностью - value будет хранить предыдущее состояние. Как его правильно обновить, желательно без лишнего рендера.

Во первых почему ajax а не fetch. Во вторых хуки применяешь?

Во первых почему ajax а не fetch. Во вторых хуки применяешь?

да, хук useState (в данном случае), с запросом проблем нет, использую axios

Есть хук useEffect

Он по-моему как раз для работы с изменениями состояния какой либо переменной

По крайне мере у меня так сделано

Проблема в том что этот стейт value изменяется не только в данной функции (там где axios запрос), но и в других местах. Если использовать useEffect, и в связи записать value, то он будет отрабатывать и из-за других событий. А мне нужно по конкретному событию, изменить состояние и отправить в БД.

ну тогда пустой тег <>

пробовал уже

реакт старый что ли?

напиши тогда тег <Fragment>

Может я не в теме, но попробуй весь этот рендер - <> </> взять в круглые скобки

а в чем вопрос?

Проблема в том что этот стейт value изменяется не только в данной функции (там где axios запрос), но и в других местах. Если использовать useEffect, и в связи записать value, то он будет отрабатывать и из-за других событий. А мне нужно по конкретному событию, изменить состояние и отправить в БД.

Через редакс работаешь?

ну после ретурна да нужны скобки если несколько строк

Через редакс работаешь?

в данном случае нет.

напиши тогда тег <Fragment>

капец, с полным заработало

😃

спасибо

капец, с полным заработало

может старый реакт? ) У меня в проекте все фрагменты в <></> - работают

16.8

Проблема в том что этот стейт value изменяется не только в данной функции (там где axios запрос), но и в других местах. Если использовать useEffect, и в связи записать value, то он будет отрабатывать и из-за других событий. А мне нужно по конкретному событию, изменить состояние и отправить в БД.

Ну в таком случае мне кажется надо как то разграничить это дело. Раз нужна разная работа при изменении одной переменной

вот я сделал пример в песочнице для primitive https://codesandbox.io/s/primitive-c2lkf

спасибо))

16.8

А есть завернуть в { условие ? (первый сценарий) : (второй сценарий) }

пробовал со скобками, не работает

Ну в таком случае мне кажется надо как то разграничить это дело. Раз нужна разная работа при изменении одной переменной

Если подробней, то тут окно с инпутами, при изменении инпута - переписывается свойство в value. Отдельный компонент который занимается загрузкой картинок на сервер - возвращает (1 картинки которые остались в массиве, 2 картинки которые следует удалить, 3 новые добавленные картинки ). Обработчик submit делает запрос на сервер с "3 новые добавленные картинки" и получает ссылки этих картинок - записывает в value, и если изначальные картинки были удалены, то записывает в value - "1 картинки которые остались в массиве". Так вот 3 - отрабатывает сразу, т.к. работает через async промис. А вот 1 отрабатывает асинхронно.

useEffect непонятно что будет делать.

Если подробней, то тут окно с инпутами, при изменении инпута - переписывается свойство в value. Отдельный компонент который занимается загрузкой картинок на сервер - возвращает (1 картинки которые остались в массиве, 2 картинки которые следует удалить, 3 новые добавленные картинки ). Обработчик submit делает запрос на сервер с "3 новые добавленные картинки" и получает ссылки этих картинок - записывает в value, и если изначальные картинки были удалены, то записывает в value - "1 картинки которые остались в массиве". Так вот 3 - отрабатывает сразу, т.к. работает через async промис. А вот 1 отрабатывает асинхронно.

Честно три раза прочитал и невьезжаю что за затея.

Вот получение ссылок, отрабатывает сразу же

А вот отработка записи оставшихся картинок которая не отрабатывается сразу же

что я делаю не так?

можешь текстом кинуть

Ты принципиально не пользуешься async функциями?

Ты принципиально не пользуешься async функциями?

await axios - это что?

const submitHandler = async () => { if (data !== null) { console.log("PRODUCT _id:", data._id, "VALUE: ", productValue) } else { console.log("NEW PRODUCT: ", productValue); } if (deletedImgUrls.length !== 0) { setProductValue({...productValue, imageUrls: remainingImgUrls}); } if (addedImgFiles.length !== 0) { const uploadResult = UploadApiAxios(addedImgFiles); await axios .all(uploadResult).then(response => { console.log("inside: ", response); const newUrls = productValue.imageUrls; response.forEach(item => { newUrls.push(item.data.url); }); setProductValue({...productValue, imageUrls: newUrls}) }) .catch(error => { console.log(error); }); } console.log("Images: ", remainingImgUrls); console.log("Deleted urls: ", deletedImgUrls); console.log("Added Files:", addedImgFiles); console.log("Updated Product: ", productValue); onClose(); };

Я про промисы

Я про промисы

await axios - это и есть промис

Вот по этому я все таки за фетч

Да с этим проблем нет, await ждет получения всех ответов и в then записывает ссылки в стейт

console.log("Updated Product: ", productValue); - выдает уже измененный стейт

А

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

А вот отработка записи оставшихся картинок которая не отрабатывается сразу же

А поидее должна или нет?

естественно отрабатывает, но уже после перерендера

А поидее должна или нет?

не должна

Но мне нужно получить измененный стейт и отправить его на сервер, уже обновленным.

Да и как раз тут узеэфект