Как передавать события между компонентами react.js?

Question

[Григорий Шеин]

У меня задача, чтобы при нажатии на кнопку в одном компоненте, срабатывало событие в другом.

Я знаю, что можно делать это через props и refs но функции передавать из компонента в компонент мне кажется странно (может не привык).
Ещё наверное можно на window повесить listener, но это как-то тоже некрасиво.
Можно ли как-то отслеживать state если я использую redux?

На vue я бы сделал так:
https://www.digitalocean.com/community/tutorials/v...

Просто странно, что в таком популярном фреймворке столько танцев нужно для самой простой функции

Comments

[twoone]

Вам нужно определится с терминалогией. Redux который у вас в тегах указан это менеджер состояния. Возникновение событий это событийная модель которая к состоянию никакого отношения не имеет и подмена одного другим может выглядеть не более чем не красиво.

[Григорий Шеин]

twoone, я понима, что redux не имеет отношения к событиям, но все в решениях предлагают мне через него всё передавать

Знал бы как надо - вообще бы не спрашивал :-/

[twoone]

Григорий Шеин, просто вы не достаточно подробно объяснили, чтобы дать одозначный ответ, ведь вариантов решения очень много. Кстате глобальные события и в vue не приветствуются.

Answer 1

[Влад Карпов]

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

Comments

[Григорий Шеин]

чем обернуть? (для тех, кто из деревни)

[Влад Карпов]

redux thunk, только не забудь этот пакет установить, и почитай про него решает огромное количество проблем

Answer 2

[Сергей Сунцев]

На самом деле это не танцы, а устойчивая архитектура, которая позволяет масштабировать приложение до огромных размеров, без отстрела ног)

1) На каждое событие у вас должен быть экшн.
2) Экшны вы должны добавить в редюссер, для отслеживания вызова (паттерн наблюдатель)
3) Диспатчите вызовы во все компоненты, какие вам нужны.

статья по ним
офф дока

ПС. Если нужно сделать срочно и у вас небольшое приложение, то можете вместо redux заюзать что то другое, к примеру mobx, или нативный Context