В первой форме создается новый товар. А во второй форме создается заказ где можно выбрать товар из списка с автокомлитом. Первую форму я оборачиваю в HOC чтобы сделать запрос на создание. Потом я пробрасываю событие о создании товара наверх в App, в котором хранятся уже созданные товары и добавляю новый товар в state (чтобы во второй форме в автокомплите появился новый товар). Вызывается ререндер всего App из-за апдейта state, и создается новый HOC первой формы и счищаюся все заполенные данные первой формы, из-за того что новый класс для HOC. Как этого избежать? Кешировать результат вызова HOC?
Либо редакс, либо хранить стейт в компоненте App, а в первую форму пропускать пропсами данные. Т.е чтобы при заполнении формы менялся не стейт первой формы а стейт аппа. Т.е формы у тебя будут стейтлес.
Бенчмарк проводил? Пример надуманный и не вижу зачем здесь оптимизировать
Выносить данные первой формы на уровень апп тогда
Обсуждают сегодня