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

http://skrinshoter.ru/v/030619/5zUBlF6X

Потому что , Formik keeps track of your form's state. По сабмиту стейт компонента Formik меняется и происходит ререндер чайлдов.

Аааа, спасиб!

Потому что , Formik keeps track of your form's state. По сабмиту стейт компонента Formik меняется и происходит ререндер чайлдов.

Смотрел недавно онлайн трансляцию react russia

Там говорилось тоже про Zombie child

что это такое ?

https://github.com/reduxjs/react-redux/blob/0640501f3adf777b7d93bb59130d3500ca29d7a9/docs/api/hooks.md#stale-props-and-zombie-children

А, тут

опять редухопроблемы

опять редухопроблемы

Это проблема редакса или разработчика ?)

Я так понял, он коннектит его к ребенку

и к родителю

опять редухопроблемы

редух вообще непричем, это реакт

рендеринг в реакт — это побочный эффект и должен выполняться исключительно после всех вычислений

An action is dispatched that deletes data from the store, such as a todo item

Не понял этот момент

рендеринг в реакт — это побочный эффект и должен выполняться исключительно после всех вычислений

Это никак не влияет, когда отписками менеджит реакт

Это никак не влияет, когда отписками менеджит реакт

постарайтесь избежать этого

привет . мне было бы удобно массив заполнять вот так let tickets = []; tickets.push(...newTicket); только я имею ошибку Invalid attempt to spread non-iterable instance - можно или ее исправить? нужно иметь копию объекта

Зачем три точки

У вас же newTicket не массив

тык. гуглил - immutable для массиов применятеся ? стало быть замудрил

тык. гуглил - immutable для массиов применятеся ? стало быть замудрил

При чем тут immutability не понятно, тут обычный js

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array

Я думаю нужно лучше описать проблему и контекст. Так то [].push(...[]) == [].concat([])

привет . мне было бы удобно массив заполнять вот так let tickets = []; tickets.push(...newTicket); только я имею ошибку Invalid attempt to spread non-iterable instance - можно или ее исправить? нужно иметь копию объекта

Так вам копию надо с новым элементом?

уточню - есть один объект для размещения в массив. надо его n раз push в массив, но так, чтобы объекты были новыми

уточню - есть один объект для размещения в массив. надо его n раз push в массив, но так, чтобы объекты были новыми

Тогда надо push({...newTicket})

это нужно из-за того, что после push все объекты ссылаются на один

Тогда надо push({...newTicket})

вот это скорее всего

Но надо понимать что это shallow copy

уточню - есть один объект для размещения в массив. надо его n раз push в массив, но так, чтобы объекты были новыми

arr.push(...Array.from({length: count}).map(() => createObj()))

arr.push(...Array.from({length: count}).map(() => createObj()))

Что это?

Как задачу понял так и решил 🤷‍♂️

Сложно и не понятно

Наверное нужны более глубокие познания в js

Тогда надо push({...newTicket})

спасибо, то что нужно. откуда ноги выросли у моего вопроса оказывается group-array начинал неправильно срабатывать, когда группировал массив с объектами, которые ссылались на один объект (push одного экземпляра объекта)

только вот нотация {...newTicket} - ее babel обработает ?

Я попробую переформулировать то что вы пишите немного по-другому "есть один объект для размещения в массив" — есть класс "но так, чтобы объекты были новыми" — его инстансами надо заполнить массив

newTicket -> new Ticket()

newTicket -> new Ticket()

этот вариант неудобен - объект по цепочке вызовов callback формируется. лучше заполнять клонами исходного объекта

этот вариант неудобен - объект по цепочке вызовов callback формируется. лучше заполнять клонами исходного объекта

объект по цепочке вызовов callback формируется — а можно немного раскрыть эту мысль?

в текущей реализации вышло, что формируется объект с билетом, он потом начинает использоваться на серверной и клиентской стороне для сохранения в корзину. и есть сценарий когда надо работат с 2 билетам в танцпол, так как они одинаковые

в текущей реализации вышло, что формируется объект с билетом, он потом начинает использоваться на серверной и клиентской стороне для сохранения в корзину. и есть сценарий когда надо работат с 2 билетам в танцпол, так как они одинаковые

Что-то сложно 💁‍♂️

сам в шоке

особенно после push({...newTicket})

Это конечно тоже не сильно помогло const Ticket = function(templateTicket){ return JSON.parse(JSON.stringify(templateTicket)); }

клонирование объекта для бедных

Это конечно тоже не сильно помогло const Ticket = function(templateTicket){ return JSON.parse(JSON.stringify(templateTicket)); }

Это если он сериализуется в JSON

Это конечно тоже не сильно помогло const Ticket = function(templateTicket){ return JSON.parse(JSON.stringify(templateTicket)); }

const clone = (temp) => JSON.parse(JSON.stringify(temp))

Всем доброго времени суток! Сколько необходимо времени чтобы обуздать React для использования front-end ?

Всем доброго времени суток! Сколько необходимо времени чтобы обуздать React для использования front-end ?

с нуля 3 месяца

Всем доброго времени суток! Сколько необходимо времени чтобы обуздать React для использования front-end ?

При условии умения программировать или с ним?

const clone = (temp) => JSON.parse(JSON.stringify(temp))

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

с нуля 3 месяца

С чего начать изучения?

С чего начать изучения?

с js

с webpack

с js

то есть ой :) если совсем с нуля - то таки да javascript.ru

самый важный вопрос евер. как назвать переменную: urlTable, URLTable или UrlTable?

Всем доброго времени суток! Сколько необходимо времени чтобы обуздать React для использования front-end ?

от пары дней до бесконечности.

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

ну и если не класс то хотя бы TicketFactory(templateTicket)

При условии умения программировать или с ним?

программировал в C# начал изучать Java (завершил 2 проекта)

const clone = (temp) => JSON.parse(JSON.stringify(temp))

1000 извинений, что вмешиваюсь. Но не забывайте о том, что объекты Date таким образом не станут датами (будут строками) после всех преобразований

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

ну если кратко написать, то функция добавления вышла примерно такая addTicketsToBasket = ( newTicket, newTicketCountInBasket, //число билетов, которое должно быть добавлено ) => { //----------- let tickets = []; for (let i = 0; i < newTicketCountInBasket; i++) { tickets.push({...newTicket}); } //----------- } в чем будет выгода если в push делать вызовь фабрики или какие то аналоги ?

программировал в C# начал изучать Java (завершил 2 проекта)

Тогда js сначала изучите основы и потом реакт, пары недель хватит

Тогда js сначала изучите основы и потом реакт, пары недель хватит

без навыков js тяжело будет

Тогда js сначала изучите основы и потом реакт, пары недель хватит

Реакт изучать советую с официальной документации, она хорошая

без навыков js тяжело будет

Ну так за неделю там можно разобраться если умеешь программировать, по своему опыту говорю

ну как сказать - у меня 2.5 месяца вышло - но тут я считаю время на перевод фрагмента проекта на React, а фрагмент довольно большой

ну как сказать - у меня 2.5 месяца вышло - но тут я считаю время на перевод фрагмента проекта на React, а фрагмент довольно большой

Ну я имел ввиду основы понять, принципы стоящие за реактом, virtual dom, synthetic events и такое вот. Достаточно чтения доки и недели потыкаться.

Вопрос в общих чертах. Есть ReduxForm'a, в ней одно из полей это загрузка картинки, которая идёт на Cloudinary и оттуда возвращается URL картинки. Как сабмитить такую форму? Через Promise.all отправить 2 actions, одно в БД (туда идут прочие текстовые поля) и одно на Cloudinary ? URL картинки нужно тоже сохранить в БД. Cloudinary вернёт URL, его сохранить в БД, когда это action вернёт ответ, тогда Promise.all разрешится.

1000 извинений, что вмешиваюсь. Но не забывайте о том, что объекты Date таким образом не станут датами (будут строками) после всех преобразований

Спасибо:)

Вопрос в общих чертах. Есть ReduxForm'a, в ней одно из полей это загрузка картинки, которая идёт на Cloudinary и оттуда возвращается URL картинки. Как сабмитить такую форму? Через Promise.all отправить 2 actions, одно в БД (туда идут прочие текстовые поля) и одно на Cloudinary ? URL картинки нужно тоже сохранить в БД. Cloudinary вернёт URL, его сохранить в БД, когда это action вернёт ответ, тогда Promise.all разрешится.

Сделайте поле для загрузке отдельное, которое в себе будет заключать логику загрузки на cdn, а возвращать url

Отдельное поле? В форме есть input type='file' для загрузки картинки, вы об этом?

По сабмиту картинки будет происходить action отправки картинки на endpoint API? Как только файл картинки загружен.

Нет, я так понимаю в основной БД вы храните только url картинки, а сама она лежит на CDN? Так вот я предлагаю сделать поле которое будет возвращать в форму url загруженной картинки, а внутри себя уже иметь логику загрузки не связанную с редукс форм, с его точки зрения это простое текстовое поле

Да, в БД файла картинки нет, есть удалённый URL. Как сделать такое поле, которое возвращает URL в форму?

В чем проблема то

Как в value поля формы положить полученный URL.