для чого мутити ше якісь екшени, редюсери і прочу херню, якщо можна просто ресетнути компонент?

Ты просто думаешь вьюхой а надо думать данными. Данные первичны

я думаю раціонально, а не “редаксом”, лол

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

а ше подумайте про те, скільки ререндерів ви мутите тим, що у вас стор імутабельний і треба буде створити дофіга нових об’єктів, якщо пхати цю логіку в об’єкт конкретного продукта
крім того я впевнений, що для кожного продукту треба буде потім selectedIndex обнуляти, після переходу на наступний

Ну selectedImage в объект продукта не будет помещаться конечно, а где-то рядом с ним. Вариант с key вроде тоже норм

Ладно, в общем возможные варианты понятны, буду выбирать. Всем спасибо за участие

нужно только отрендерить новую картинку. Какие ререндеры ?))

@weisscracker @brutallosapiens пам’ятаєте я якось казав, що редакс людям мозок ламає? ось вам приклад)

токсик

Ну стоит начать с того, что ФП впринципе перестраивает мышление

Ребята для чего setState асинхронный ?

Ты бросаешься фразами, без аргументов особо. Сначала сказал Это просто "дичь", без объяснений, потом привел пример, который не работает. Твое утверждение что стейт не нужно поднимать тоже ошибочное скорее всего. Вариант с key рабочий, да

Про Редакс ты похоже вообще не понял как именно предлагалось сделать, и что-то там про кучу создаваемых  объектов написал. И действительно токсик)

де в редаксі фп?

У Реакта в доках есть пример как с помощью хуков воспроизвести вариант getDerivedStateFrom. В данном случае его вроде тоже можно использовать

Можно еще подумать над тем,  зачем использовать 2 системы управления стейтом сразу

ти б спочатку прочитав тред

@dadayada пропонував тримати selectedIndex разом із об’єктом продукта.
тепер подумаємо про типовий розклад того, якти будеш зберігати продукти:

const state = {
  // або так
  products: [
    { id: 1, mainImage: ‘https://…', selectedIndex },
  ],

  // або так
  products: {
    1: { id: 1, mainImage: ‘https://…', selectedIndex }
  }
}

або з більшою вкладеністю
якщо оновляти selectedIndex, то все що буде до конкретного продукту буде мати нові референси

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

якщо ж тримати поза, то не буде лишніх об’єктів, правильно, протре треба буде знову ж таки обнуляти цей стейт

ти з тих, хто ще не поняв, що тримати все в редаксі — помилка?))

Не в редаксе, но и не в реакте) Хотя уж лучше все в редаксе чем в реакте