Redux toggle, как осуществить?

Question

[jondoeonoe]

Добрый вечер. Начал изучение с Редаксом. И существует простая задача - toggle.
Существует родитель, который при true - выполняет одно условие, а при false - иное. И существует компонент (на расстоянии от родителя, например, 2-3 компонента), который и должен определять эти bool - значения. То есть. Если мы нажали на кнопку в этом отдаленном компоненте, то state = !state, в общем переключатель состояний. И я не совсем понимаю как такое реализовать.
Я смотрел пример https://codepen.io/cassiecodes/pen/VKZqBd
Но не совсем понял, как такое сделать, чтобы родитель "слушал" происходящее у отдаленного ребенка. Прокидывать цепочку через компоненты?
Подскажите пожалуйста :(

Answer 1

[Антон Спирин]

Для решения вашей задачи, по-хорошему, не нужен redux. Если вы целенаправленно хотите реализовать с использованием redux, то перепишите пример по ссылке строчка за строчкой и попробуйте разобрать. Не получится - изучайте документацию, вы ведь вроде изучать начали. Если есть конкретные вопросы помимо "ничего не понимаю", задавайте.

Answer 2

[Хатам Союнов]

Может кому-то пригодиться.
Нужно вернуть новое измененное состояние целиком.

return { ...state, showMenu: !state.showMenu };

Более подробно https://stackoverflow.com/a/40701007/9927320