Реагировать на компонент, не выполняющий рендеринг при изменении состояния избыточности другого контейнера.
У меня есть два контейнера, а именно: FilterContainer
а также MapContainer
,
FilterContainer имеет состояние: selectedFitlers
который обновляется всякий раз, когда пользователь нажимает на что-то из списка флажков.
Какие MapContainer
должен сделать, это посмотреть на state.filterListContainer.selectedFilters
массив и показать маркеры на основе этого.
Но этого не происходит, к сожалению. Я вижу, как изменения отражаются в состоянии избыточности (глядя на devTools), но как-то MapContainer
не получает уведомления об этих изменениях. Я пытался подключиться к componentWillReceiveProps
крюк жизненного цикла, но не вижу nextProps
получить новое значение.
Вот мой код для MapContainer
:
https://gist.github.com/ghoshabhi/a275f923bba4a92b2b1f9dc3fbe09826
Я не понимаю, почему мой контейнер не выполняет повторную визуализацию или получение обновлений об изменении состояния в моем редукционном магазине.
Любая помощь / совет / альтернативные методы приветствуются:)
Заранее спасибо!
1 ответ
Я посмотрел ваш код и заметил, что в компоненте FilterContainer вы прокомментировали selectedFilters PropTypes, пока он еще присутствует в компоненте MapContainer. Попробуйте также прокомментировать его в FilterContainer, чтобы увидеть, работает ли он. Это может быть проблема неправильного типа.