Можно ли просто организовать хранение общих данных между компонентами в React и Redux?

Question

[chelkaz]

У приложения очень много независимых компонентов. Как можно записывать и отслеживать данные из любого места?
Сейчас приходится все переменные записывать в mapStateToProps в каждом компоненте. Но переменные растут.
Пример такой:
Например отдельный компонент список городов с боку сайта.
Кликнув на город, выполняется экшн и через dispatch, данные по API загружаются в store Redux, но за одно после этого нужно скрыть другие 5 разных компонентов, и показать один с информацией про этот город. А инфу нужно достать из store.
Какая правильная логика работы с Redux нужна, что бы не было путаницы. По большей части мне нужно быстро записывать и вытягивать данные из общего хранилища при кликах и других событиях.

Comments

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

но за одно после этого нужно скрыть другие 5 разных компонентов, и показать один с информацией про этот город

Возможно, тут лучшим решением будет использование роутера.

Answer 1

[alexhovansky]

У вас есть компонента, назовём её A1.
Есть компонента со списком городов, назовём её Cities.

Вот Вы что-то сделали в Cities, в результаты был вызван action. У этого action есть type, допустим это CITY_SELECT.
В reducer'е, который трансформирует Ваш store после успешного (или не очень) выполнения запроса, у Вас должно быть что-то вроде if (action.type === CITY_SELECT_SUCCESS) { return someObject }
Вот в этом someObject помимо action.payload.data передавайте какой-то булин, например hideComponentA1: true. А компоненту A1 скрывайте при получении этого hideComponentA1.
Наверное, весьма очевидный ответ, я бы поступил именно таким образом.

Comments

[chelkaz]

Именно я так и делаю) Но мне показалось, что это какой то костыль.

[alexhovansky]

Вполне нормальный подход, на мой взгляд.
По крайней мере в проектах, исходный код которых я смотрел для решения какой-то задачи, использовался такой же подход.

[chelkaz]

alexhovansky, А можно добывать общую информацию из store без mapStateToProps, как то напрямую к общей базе переменных?

[alexhovansky]

Не пробовал, если честно, но зачем? В таком случае ведь самому придётся следить за изменением данных, не легче ли подписаться на изменения средствами redux?